배열 메소드

배열.length

• 길이를 알려줌

var array = [1, 2, 3, 4];
array.length; // 4

배열.join("구분자")

• 항목들을 구분자를 기준으로 새 문자열로 반환
• 구분자를 입력하지 않으면 자동으로 쉼표

var array = [1, 2, 3];
array.join(); // "1,2,3"
array.join(':'); // "1:2:3"

배열.reverse()

• 배열의 순서를 뒤집음

var array = [1, 2, 3, 4];
array.reverse(); // [4, 3, 2, 1]

배열.push(추가할 내용) / 배열.pop()

• 배열의 뒤에 요소를 추가, 삭제

var array = [1,2,3];
array.push(5); // 4
array; // [1,2,3,5]
array.pop(); // 5

배열.unshift(추가할 내용) / 배열.shift()

• 배열의 앞에 추가, 삭제

var array = [1,2,3];
array.unshift(0); // 4
array; // [0,1,2,3]
array.shift(); // [0]

배열.splice(시작, 지울 갯수, 넣을 것)

var array = [1,2,3,4];
array.splice(2, 1, 5); // 3
array; // [1,2,5,4];

배열.map(function(값, 자리수){조건})

• 배열의 항목들을 반복하는 함수
• forEach와 다른점 : map은 바뀐 새 배열을 반환함

var array = [1,2,3];
array.map(function(x) {
  return x+1;
}); // [2,3,4]

배열.forEach(function(값,자리수){조건})

• map과 다른점 : 새 배열을 반환하지 않음

array.forEach(function(x, i) {
  alert(x + ':' + i);
});

배열.reduce((이전값, 현재) => {조건})

• 배열을 왼쪽부터 조건을 적용해 하나의 값으로 만든다.

var array = [1, 2, 3, 4, 5];
array.reduce(function(prev, cur) {
  return prev + cur;
}); // 15

1. (prev = 1) + (cur = 2) = 3
2. (prev = 3) + (cur = 3) = 6
3. (prev = 6) + (cur = 4) = 10
4. (prev = 10) + (cur = 5) = 15

배열.filter((항목) => {조건})

• 특정 조건에 해당하는 배열만 걸러서 새 배열로 리턴

var array = [1,2,3,4,5];
array.filter(function(x) {
  return x % 2 === 0;
}); // [2,4]

배열.sort((이전 값, 다음 값) => {조건})

• 특정 조건에 따라 정렬(내림차순, 오름차순)

var array = [5,2,3,4,1];
array.sort(function(x,y) {
  return x - y;
}); // [1,2,3,4,5]

배열.indexOf(찾을 것) / 배열.lastIndexOf(찾을 것)

• 여러 개가 있더라도 처음 찾은 위치만 알려줌
• lastIndexOf는 뒤에서부터 찾음

배열.every((항목)=>{조건}) / 배열.some((항목)=>{조건})

• 각각 배열의 모든 항목 또는 일부 항목이 true면 true를 반환
• every는 모든 항목이 조건을 만족하면 true를 반환
• some은 하나의 항목이라도 조건을 만족하면 true를 반환

var array = [1, 3, 5, 7, 9];
array.every(function(i) {
  return i % 2 === 1;
}); // true
array.every(function(i) {
  return i < 9;
}); // false
array.some(function(i) {
  return i === 9;
}); // true

Array.isArray(값)

• 배열인지 확ㅇ니해주는 메소드

Array.isArray('array?'); // false
Array.isArray(['array?']); // true

출처 : 제로초님 블로그
https://www.zerocho.com/category/JavaScript/post/57387a9f715202c8679b3af0