배열 내장 함수

e-pong:)·2022년 11월 23일
0

1. forEach

forEach 메서드는 배열을 반복하는 메서드이다. 일반적으로 무언가를 반복하고자 할때는 for문을 사용한다.

1 const a = [1,2,3,4,5];
2  
3 a.forEach(function(s) {
4    console.log(s); // 출력 : 1,2,3,4,5
5 })

첫번째 배열 인덱스부터 마지막 배열 인덱스까지 반복한다.

2. splice

splice 메서드는 해당 구간 인덱스의 요소를 다른 요소로 바꾸거나 삭제하고 새로운 배열을 반환한다.

1 const a = [1,2,3,4,5];
2  
3 const b = a.splice(0,2);
4  
5 console.log(b); // 출력: [1,2]
6 console.log(a); // 출력: [3,4,5]
1 const a = [1,2,3,4,5];
2  
3 const b = a.splice(0,2,10,11);
4 
5 console.log(b); // 출력: [1,2]
6 console.log(a); // 출력: [10,11,3,4,5]

3. slice

slice 메서드는 splice와는 다르게 해당 구간 인덱스만을 가지는 새로운 배열을 반환한다. splice 요소는 해당 구간 인덱스를 삭제하지만 slice는 삭제하지 않고 유지한다.

1 const a = [1,2,3,4,5];
2  
3 const b = a.slice(1,3);
4  
5 console.log(b); // 출력: [2,3]
6 console.log(a); // 출력: [1,2,3,4,5]

4. shift

배열의 첫번째 요소를 제거한다.

1 const a = [1,2,3,4,5];
2  
3 a.shift(); 
4 console.log(a); // 출력: [2,3,4,5]

5. pop

배열의 마지막 요소를 제거한다.

1 const a = [1,2,3,4,5];
2  
3 a.pop();
4 console.log(a); // 출력: [1,2,3,4]

6. unshift

배열의 첫번째 요소에 10을 추가한다.

1 const a = [1,2,3,4,5];
2  
3 a.unshift(10);
4 console.log(a); // 출력: [10,1,2,3,4,5]

7. push

배열의 마지막 요소에 11을 추가한다

1 const a = [1,2,3,4,5];
2  
3 a.push(11);
4 console.log(a); // 출력: [1,2,3,4,5,11]

8.indexOf

배열의 요소 값을 indexOf 메서드 인자로 넘겨주면 해당 하는 값이 몇번째 인덱스인지 알려준다.

1 const a = ['호랑이', '사자', '고양이', '멍멍이'];
2 console.log(a.indexOf('고양이')); // 2

9.findIndex

배열에서 조건에 맞는 값이 몇번째 인덱스인지 알려준다. findIndex 메서드의 인자로 조건을 콜백함수로 넘겨준다.

1 const a = [
2   { name : '호랑이' },
3   { name : '사자' },
4   { name : '고양이' },
5   { name : '멍멍이' }
6 ]
7 console.log(a.findIndex(ary => ary.name === '고양이')); // 2

10.find

findIndex 메서드와 매우 유사하지만 차이점은 findIndex는 인덱스를 리턴하지만 find는 값을 리턴한다.

1 const a = [
2   { name : '호랑이' },
3   { name : '사자' },
4   { name : '고양이' },
5   { name : '멍멍이' }
6 ]
7 console.log(a.find(ary => ary.name === '고양이')); // {name: '고양이'}

11. Join

배열을 문자열로 리턴하는데 메서드의 인자로 넘겨준 값으로 각 요소 사이에 구분을 둘 수 있다.
인자로 아무것도 전달하지 않으면 ','로 구분한다.
공백을 인자로 전달 할 경우 12345같이 모든 요소가 구분없이 리턴한다.

const a = [1,2,3,4,5];
console.log(a.join('A')); // 1A2A3A4A5;
profile
말에 힘이 있는 사람이 되기 위해 하루하루, 성장합니다.

0개의 댓글