배열 메서드 목록(MDN)
정적 메서드
| Method | Description |
|---|---|
| Array.from() | 유사 배열 또는 반복 가능한 객체로부터 새로운 Array 인스턴스를 생성합니다. |
| Array.isArray() | 만약 변수가 배열이면 참을, 아니면 거짓을 반환합니다. |
| Array.of() | 문자열 시작하고, 끝나고, 지정된 문자열을 포함하는지의 여부를 반환합니다. |
인스턴스 속성
| Method | Description |
|---|---|
| arr.length | 배열의 원소 수를 나타냅니다. |
인스턴스 메서드
변경자 메서드
변경자 메서드는 배열을 수정합니다.
| Method | Description |
|---|---|
| arr.copyWithin() | 배열 내의 지정된 요소들을 동일한 배열 내에서 복사합니다. |
| arr.fill() | 배열 안의 시작 인덱스부터 끝 인덱스까지의 요소값을 지정된 정적 값으로 채웁니다. |
| arr.pop() | 배열에서 마지막 요소를 뽑아내고, 그 요소를 반환합니다. |
| arr.push() | 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다. |
| arr.reverse() | 배열의 요소 순서를 반전시킵니다. 첫 번째가 마지막이 되고 마지막이 첫 번째가 됩니다. |
| arr.shift() | 배열에서 첫 번째 요소를 삭제하고 그 요소를 반환합니다. |
| arr.sort() | 배열의 요소를 정렬하고 그 배열을 반환합니다. |
| arr.splice() | 배열에서 요소를 추가/삭제합니다. |
| arr.unshift() | 배열의 앞에 하나 이상의 요소를 추가하고 새로운 길이를 반환합니다. |
접근자 메서드
접근자 메서드는 배열을 수정하지 않고, 기존 배열의 일부에 기반한 새로운 배열 또는 값을 반환합니다.
| Method | Description |
|---|---|
| arr.concat() | 배열을 매개변수로 주어진 배열/값과 이어붙인 새로운 배열을 반환합니다. |
| arr.filter() | 지정한 콜백의 반환 결과가 true인 요소만 모은 새로운 배열을 반환합니다. |
| arr.includes() | 배열이 주어진 값을 포함하는지 판별해 true 또는 false를 반환합니다. |
| arr.indexOf() | 배열에서 주어진 값과 일치하는 제일 앞의 인덱스를 반환합니다. 없으면 -1을 반환합니다. |
| arr.join() | 배열의 모든 요소를 문자열로 합칩니다. |
| arr.lastIndexOf() | 배열에서 주어진 값과 일치하는 제일 뒤의 인덱스를 반환합니다. 없으면 -1을 반환합니다. |
| arr.slice() | 배열의 일부를 추출한 새 배열을 반환합니다. |
| arr.toString() | 배열과 그 요소를 나타내는 문자열을 반환합니다. obj.toString() 메서드를 재정의합니다. |
| arr.toLocaleString() | 배열과 그 요소를 나타내는 지역화된 문자열을 반환합니다. obj.toLocaleString() 메서드를 재정의합니다. |
순회 메서드
배열을 처리하면서 호출할 콜백 함수를 받는 메서드 여럿이 존재합니다. 이런 메서드를 호출하면 배열의 length를 기억하므로, 아직 순회를 끝내지 않았을 때 요소를 더 추가하면 콜백이 방문하지 않습니다.
| Method | Description |
|---|---|
| arr.entries() | 배열의 각 인덱스에 대한 키/값 쌍을 포함하는 새로운 배열 반복자 객체를 반환합니다. |
| arr.every() | 배열의 모든 요소가 주어진 판별 콜백을 만족할 경우 true를 반환합니다. |
| arr.find() | 주어진 판별 콜백을 만족하는 첫 번째 요소를 반환합니다. 만족하는 요소가 없으면 undefined를 반환합니다. |
| arr.findIndex() | 주어진 판별 콜백을 만족하는 첫 번째 요소의 인덱스를 반환합니다. 만족하는 요소가 없으면 undefined를 반환합니다. |
| arr.forEach() | 배열의 각각의 요소에 대해 콜백을 호출합니다. |
| arr.keys() | 배열의 각 인덱스에 대한 키를 가지는 새로운 배열 반복자 객체를 반환합니다. |
| arr.map() | 배열의 모든 요소 각각에 대하여 주어진 콜백 함수를 호출하고, 그 반환값을 모은 새로운 배열을 반환합니다. |
| arr.reduce() | 주어진 콜백 함수를 가산기와 요소 각각에 대해 왼쪽에서 오른쪽으로 호출하여 하나의 값으로 줄인(reduce) 결과를 반환합니다. |
| arr.reduceRight() | 주어진 콜백 함수를 가산기와 요소 각각에 대해 오른쪽에서 왼쪽으로 호출하여 하나의 값으로 줄인(reduce) 결과를 반환합니다. |
| arr.some() | 배열의 어떤 요소가 주어진 판별 콜백을 만족할 경우 true를 반환합니다. |
| arr.values() | 배열의 각 인덱스에 대한 값을 가지는 새로운 배열 반복자 객체를 반환합니다. |
배열
배열이란?
순서가 있는 값
배열의 선언과 할당
선언
let myNumber[5];할당
myNumber = [1, 2, 3, 4, 5];선언과 할당 동시 선언
let myNumber = [1, 2, 3, 4, 5];배열 기초 메소드
arr.length
배열의 길이를 반환
myNumber.length; // 5arr.push()
배열 끝에 괄호 안에 있는 값을 추가
myNumber.push(96); // [1, 2, 3, 4, 5, 96]arr.pop()
배열 마지막 값을 삭제
myNumber.pop(); // [1, 2, 3, 4, 5]arr.shift()
배열 처음 값을 삭제
myNumber.shift(); // [2, 3, 4, 5]arr.unshift()
배열 앞에 괄호 안에 있는 값을 추가
myNumber.unshift(11); // [11, 2, 3, 4, 5]Array.isAraay()
배열인지 아닌지 boolean 값으로 반환
Array.isArray(myNumber); // true
Array.isArray('문자열'); // falseconsole.table
배열의 index와 value를 표로 보기 쉽게 정렬
console.table(myNumber);arr.indexOf()
특정 값이 배열에 포함되어 있는지 확인
myNumber.indexOf(3); // 2
myNumber.indexOf(100); // -1 (없는 값이면 -1을 출력)arr.includes()
특정 값이 배열에 포함되어 있는지 확인하고 boolean 값으로 리턴
※인터넷 익스플로러에서는 지원하지 않음※
myNumber.includes(3); // true
myNumber.includes(100); // false
shreder0804