[Javascript] Array

배열 array

---

• .length() : 배열 내 아이템의 개수
• .at() : 대상 배열을 인덱싱함 → arr[0] = arr.at(0)
• .concat() : 배열 두개를 합쳐서 새로운 배열 반환
• .every() : 대상 배열의 모든 원소가 콜백 테스트에서 참을 반환하는지 확인

const isValid = arr.every(item => item < 5)

• .filter() : 주어진 콜백 테스트에서 참을 반환하는 요소를 새로운 배열로 반환

const filterNumbers = arr.filter(item => item < 30)

• .find() : 주어진 콜백 테스트에서 통과하는 첫 번째 요소를 반환

const foundItem = arr.find(item => item > 10)

• .findIndex() : 인덱스 반환
• .flat() : 대상 배열의 모든 하위 배열을 지정한 깊이까지 이어붙인 새로운 배열을 생성
• .forEach() : 대상 배열의 길이만큼 주어진 콜백을 실행
• .includes()
• .join() : 대상 배열의 모든 요소를 구분자로 연결한 문자를 반환, 괄호 안에 문자열을 작성하면 배열 요소 사이에 넣을 수 해당 문자열을 넣을 수 있음
• .map() : 대상 배열의 길이만큼 주어진 콜백을 실행하고. 콜백의 반환 값을 모아 새로운 배열을 반환

const newNums = arr.map(item => item * 2)

• .pop() : 대상 배열에서 마지막 요소를 제거하고 그 요소를 반환, 대상 배열 원본이 변경됨
• .push() : 대상 배열의 마지막에 하나 이상의 요소를 추가, 배열의 새로운 길이를 반환, 대상 배열 원본이 변경됨
• .reduce() : 대상 배열의 길이만큼 주어진 콜백을 실행하고, 마지막에 호출되는 콜백의 반환 값을 반환. 각 콜백의 반환 값은 다음 콜백으로 전달됨

const numbers = [1,2,3]; const sum = numbers.reduce((acc, cur) => { //acc는 누적되서 반환되는 값 return acc + cur },0) // 0은 초기값

• .reverse() : 대상 배열의 순서를 반전, 배열 원본이 변경됨
• .shift() : 대상 배열에서 첫 번째 원소를 제거하고, 제거된 요소를 반환, 배열 원본이 변경됨
• .slice() : 대상 배열의 일부를 추출해 새로운 배열을 반환
• .some() : 대상 배열의 어떤 요소라도 콜백 테스트를 통과하는지 확인, 하나만 통과해도 true를 반환
• .sort() : 대상 배열을 콜백의 반환 값에 따라 정렬, 콜백이 없으면 요소를 문자열로 반환해서 정렬. 배열 원본이 변경됨

numbers.sort((a,b) => a-b) //오름차순 정렬.. numbers.sort((a,b) => b-a) //내림차순 정렬..

• .splice() : 대상 배열의 요소를 추가하거나 삭제하거나 교체함. 배열 원본이 변경됨
• .unshift() : 새로운 요소를 배열의 맨 앞에 추가해서 새로운 배열의 길이를 반환. 배열 원본이 변경
• .from() : 유사 배열을 실제 배열로 반환

const arrLike = { 0 : 'A', 1 : 'B', 2 : 'C', length : 3 } //유사배열은 0부터 증가하는 인덱스 값을 가져야 하고, length 숫자가 입력 되어야 함 Array.from(arrLike).forEach(item => ...)

• isArray() : 배열 데이터인지 확인