들어가기에 앞서...

자바스크립트에 여러가지 배열 메소드들이 존재한다. python으로 코테를 하던 나에게 자바스크립트 배열을 다루는데 헷갈리는 함수들이 많아 정리할 필요가 있다고 생각하여 정리하게 되었다!

pop

배열 뒷부분의 값을 삭제

 	let arr = [1,2,3];
 	arr.pop();
	console.log(arr); // [1,2]

push

배열 뒷부분에 값을 삽입

 	let arr = [1,2,3];
 	arr.push(4);
	console.log(arr); // [1,2,3,4]

unshift

배열 앞부분에 값을 삽입

 	let arr = [1,2,3];
 	arr.unshift(0);
	console.log(arr); // [0,1,2,3]

shift

배열 뒷부분의 값을 삭제

 	let arr = [0,1,2,3];
 	arr.shift();
	console.log(arr); // [1,2,3]

splice

배열 특정위치 요소를 추가하거나 삭제

 	let arr = [1,2,3,4,5];
 	arr.splice(2,2); // arr의  2번째인덱스부터 2개의 요소 삭제
	console.log(arr); // [1,2,5]

	let arr = [1,2,3,4,5];
 	arr.splice(2,2,7,10); // 2번째인덱스부터 2개의 요소 삭제, 삭제한 자리부터 7, 10 대입
	console.log(arr); // [1,2,7,10,5]

slice(startIndex, endIndex)

배열의 startIndex부터 endIndex-1까지 새로운 배열 객체로 반환

 	let arr = [1,2,3,4,5,6,7];
 	let newArr = arr.slice(3, 6); //인덱스3 요소부터 6-1요소까지
	console.log(newArr); // [4,5,6]

concat, 스프레드 기법

다수의 배열을 합치고 배열 사본 반환

 	let arr = [1,2,3];
	let arr2 = [4,5,6];
	let data = arr.concat(arr2);		//concat
	console.log(data) // [1,2,3,4,5,6]

	
	//스프레드 기법
	let arr = [1,2,3];
	let arr2 = [4,5,6];
	let data = [...arr, ...arr2]		//...을 사용하여 배열 요소 저장
	console.log(data) // [1,2,3,4,5,6]

every

배열의 모든 요소가 제공한 함수로 구현된 테스트를 통과하는지를 테스트

 	let arr = [1,2,3,4,5,6,7,8,9];
	var isEven = function(value) {
      return value % 2 === 0;
    };
	console.log(arr.every(isEven)); // 모든요소가 짝수면 true반환 아니면 false

some

지정된 함수의 결과가 true일 때까지 배열 원소 반복

 	let arr = [1,2,3,4,5,6,7,8,9];
	var isEven = function(value) {
      return value % 2 === 0;
    };
	console.log(arr.some(isEven)); // 하나라도 true면 true

forEach

배열의 각 원소별로 지정된 함수를 실행한다.

 	let arr = [1,2,3,4,5,6,7,8,9];
	arr.forEach( function(value) {
    	console.log(value);
    }); // 배열의 요소 수 만큼 반복 총 9번

map

배열의 각 원소별로 지정된 함수를 실행하여 새로운 배열로 반환한다.

 	let arr = [1,2,3,4,5,6,7,8,9];
	const data = arr.map( (value) =>
           value*2			//값을 2배해서 반환
    )

	console.log(data);// 

filter

지정된 함수의 결과 값을 true로 만드는 원소들로만 구성된 별도의 배열을 반환한다.

 	let arr = [1,2,3,4,5,6,7,8,9];
	const data = arr.filter( (value) =>
           value > 4			//값이 4보다 큰 요소만
    )

	console.log(data);// [5,6,7,8,9]

sort

배열의 원소를 순서에 따른 정렬을 한다.

 	let arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ];
	arr.sort();
	console.log( arr ); // [ 1, 10, 11, 12, 13, 2, 3, 5 ]; 

	// sort에 함수로 정렬
	let arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ];
	arr.sort( function( a, b ) {
  		return a - b;
		})
	console.log( arr ); // [ 1, 2, 3, 5, 10, 11, 12, 13 ]

toString

배열을 문자열로 바꾸어 변환한다.

 	let arr = [ 1,2,3,4];
	console.log(arr.toString() ); // 1,2,3,4

🤞마치면서

올바른 피드백은 언제나 환영입니다. 읽어주셔서 감사합니다~~!