[Javascript] 배열 메서드 종류

따봉도치 개발자·2023년 3월 5일
1
post-thumbnail

몰라? 그럼 알아!

배열 메서드

  1. Array.isarray - 이게 배열인지 아닌지
  2. console.table = 배열의 인덱스와 벨류가 보임
    얕은 복사
  3. arr.pop() - 마지막 요소 제거하고 그 요소 반환
  4. arr.push() - 마지막 요소 추가 (뒤에 추가) concat 차이는 concat은 새로운 배열(주소값 다름)을 리턴
  5. arr.shiht() - 첫 번째 요소를 제거하고, 제거된 요소를 반환한다. 이 메서드는 배열의 길이를 변하게 한다.
  6. arr.unshift() - 추가 (앞에 추가)
    깊은 복사
  7. arr.slice() - 변수 선언 해줘야함
  8. arr1.concat(arr2) - 문자열 끼리 붙이기
  9. words.indexOf() - 인덱스 위치 찾기
  10. str.split() - 문자열을 배열로

1. Array.isarray

Array.isArray([1, 2, 3, 4, 5]); // true

2. console.table

let arr = [1, 2, 3, 4, 5];
console.table(arr);

3. arr.pop()

  • 마지막 요소 제거하고 그 요소 반환
    let arr = [1, 2, 3, 4, 5];
    console.log(arr.pop()); //5

4. arr.push()

  • 마지막 요소에 추가
    let arr = [1, 2, 3, 4, 5];
    console.log(arr.push(5)); //6```

5. arr.shiht()

  • 첫 번째 요소를 제거하고, 제거된 요소를 반환한다. 이 메서드는 배열의 길이를 변하게 한다.
    let array = [100, 200, 300, 400 ,500];
    console.log(array.shift());  // 100
    console.log(array);  // [ 200, 300, 400, 500 ]

6. array.splice()

  • 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다
    let array = [100, 200, 300, 400, 500];
array.splice(0, 1); 첫번째 요소
console.log(array);  // [ 200, 300, 400, 500 ]
arr.splice(0, 1, 150); 
console.log(array);  // [ 150, 200, 300, 400, 500 ]
array.splice(5, 0, 600, '안녕');
console.log(array);  // [ 100, 200, 300, 400, 500, 600, '안녕' ]
console.log(array.length);  // 7

7. array.slice()

  • 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다. 원본 배열은 바뀌지 않는다. (불변성)
array.slice(begin, end);  
begin (Optional)
  • 0을 시작으로 하는 추출 시작점에 대한 인덱스
    음수 인덱스는 배열의 끝에서부터의 길이
    ex) slice(-3) 는 배열에서 마지막 세 개의 엘리먼트 추출
    begin이 undefined인 경우, 0번 인덱스부터 slice 한다.
    end (Optional)추출을 종료 할 0 기준 인덱스 slice 는 end 인덱스를 제외하고 추출한다.
    음수 인덱스는 배열의 끝에서부터의 길이
    ex) slice(2,-1) 는 세번째부터 끝에서 두번째 요소까지 추출end가 생략되면 slice()는 배열의 끝까지(arr.length) 추출 만약 end 값이 배열의 길이보다 크다면, silce()는 배열의 끝까지(arr.length) 추출

8. arr1.concat(arr2)

  • 두개의 문자열을 하나로 만들어줌
    let arr1 = [1,2,3,];
    let arr2 = [4,5,6,];
    console.log(arr1.concat(arr2));
    // [ 1, 2, 3, 4, 5, 6 ]

9. words.indexOf()

  • 인덱스 위치 찾기
    let words = ["Soob", "Brown", "John", "Mary"];
    console.log(words.indexOf("Brown")) // 1

10. str.split()

  • 문자열을 배열로
    let str = "apple banana orange";
    console.log(str);
    console.log(str[0]);
    let arr = str.split();
    console.log(arr);
    console.log(str[0]);

profile
Explain Like I'm 5

0개의 댓글