JS Array 메소드 정리

concat, filter, join, slice, splice, map, every

• concat: 배열 합치기

// classmate1에 classmate2를 합침
const classmates1 = ["철수", "영희", "훈이"]
const classmates2 = ["민지", "민수"]
classmates1.concat(classmates2)     // ["철수", "영희", "훈이", "민지", "민수"]

• filter: 조건에 맞는 요소만 걸러내기

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
//words 배열에 들어간 요소 중 길이가 6이 넘는 요소만 result 배열에 담는다.
const result = words.filter(word => word.length > 6);
console.log(result); // ["exuberant", "destruction", "present"]
console.log(words); // ["spray", "limit", "elite", "exuberant", "destruction", "present"]

이 때 원래 배열에는 filter 조건이 적용되지 않는다!!(주의)
따라서 조건이 적용된 배열을 반환하고 싶으면 새로 선언해서 넣어야 한다.

• join: 배열을 문자로 만들기

const classmates = ["철수", "영희", "훈이"]
classmates.join(', ')     // 철수, 영희, 훈이
classmates.join("와 ")    // 철수와 영희와 훈이

• slice(start,end): start번 인덱스부터 (end-1)번 인덱스까지 추출

const classmates = ["철수", "영희", "훈이"]
classmates.slice(0,2);  //[ '철수', '영희' ]

• splice: 배열 분리, 배열의 기존 요소를 삭제 또는 교체할 수 있고 새 요소를 추가하는 것도 가능
  splice(start) -> 배열의 첫번째 요소부터 start개로 자름
  splice(start,deleteCount) -> start번 인덱스부터 deleteCount개 만큼 지움
  ->만약 deleteCount가 0 이하면 제거하지 않고 새로운 요소를 지정해야 한다.
  splice(start,deleteCount,item1,item2,...) 새로운 요소를 추가할 때 사용(item1,item2,...등을 추가)

const classmates = ["철수", "영희", "훈이"]
classmates.splice(0, 1)     // ["철수"] : 삭제한 요소를 배열로 반환한다.

• map : 배열 모든 요소에 일괄적으로 특정 함수 적용
  이 때 원래 배열에 영향을 미쳐서 배열 값들이 변한다. 그래서 반환 값이 함수를 적용한 새로운 배열이 된다.

//문자 배열
const classmates = ["철수", "영희", "훈이"]
classmates.map((el) => (el + "어린이"))// ["철수어린이", "영희어린이", "훈이어린이"]

//숫자 배열
const array1 = [1, 4, 9, 16]
const map1 = array1.map(x => x * 2)
console.log(map1) // [2, 8, 18, 32]

• every : 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트
  boolean 값을 반환

const isBelowThreshold = (value) => value < 40;
const array = [1, 30, 39, 29, 10, 13];
console.log(array.every(isBelowThreshold));
//true

모두 통과하면 true, 하나라도 통과하지 않으면 false를 반환한다.