[JS] Array methods

array(배열) 안에서 반복문을 사용할 때 쓴다.
arrow function 으로 많이 사용한다.

Array.map()

map 은 배열을 반복해주는데, callback 함수에서 return한 값으로 매 요소를 수정한다.

const arr = [1, 2, 3];
const squares = arr.map(x => x * x);

const squares = arr.map(function (x) { 
  return x * x;
});

Array.forEach()

for 대신 사용하는 반복문.
map 과의 차이는 이 함수가 return 하는 것이 아무것도없다는 것.

let startwithA=[];
let names= ['a', 'ab','bc'];


names.forEach(el=> if(el.startsWith('a'))
{startwithA.push(el);}) 

Array.filter()

filter 메소드는 이름 그대로 요소들을 걸러내는 것이 목적이다 .

// 정수 배열에서 5의 배수인 정수만 모으기
var arr = [4, 15, 377, 395, 400, 1024, 3000];
var arr2 = arr.filter(function (n) {
    return n % 5 == 0;
});
console.log(arr2); // [15, 395, 400, 3000]

pop:뒷부분 값 삭제/push(): 뒷부분 값 삽입

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

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

shift:앞부분 값 삭제/unshift: 앞부분 값 삽입

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

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

splice: 배열 특정위치에 요소 추가하거나 삭제

var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 3, 2 );
console.log( arr ); // [ 1, 2, 3, 6, 7 ]   3번째 인덱스에서부터 2개 제거

var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 2, 1, "a", "b");
console.log( arr ); // [ 1, 2, "a", "b", 4, 5, 6, 7 ] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가

slice(startindex, endindex):