ES6 배열 메소드에는 다음이 포함됩니다. 1. 배열과 유사한 객체 또는 탐색 가능한 객체를 실제 배열로 변환하는 데 사용되는 Array.from() 2. 값 집합을 배열로 변환하는 데 사용되는 Array.of() 3. copyWithin(), 지정된 위치의 멤버를 현재 배열 내의 다른 위치로 복사하는 데 사용됩니다. 5. find(); 7. include(); (); 9. 키(); 10. 값().
이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.
unshift, shift를 수정하지 않습니다. | join |
---|---|
slice | |
indexOf(), lastIndexOf() | |
forEach | |
map | |
filter | ㅋㅋㅋ|
ES6 array method | |
Array method | |
Array.from() | |
Array.from은 배열의 map 메소드와 유사한 두 번째 매개변수도 허용할 수 있습니다. 이는 각 요소를 처리하고 처리된 값을 반환된 배열에 넣는 데 사용됩니다. | Array.of() |
는 값 집합을 배열로 변환하는 데 사용됩니다. | |
는 원래 배열을 변경합니다 | |
copyWithin() |
array. copyWithin(target, start = 0, end = this.length);
start(선택 사항): 이 위치에서 데이터 읽기를 시작합니다. 기본값은 0입니다. 음수 값인 경우 역수 값을 나타냅니다. end(선택 사항): 이 위치에 도달하기 전에 데이터 읽기를 중지합니다. 기본값은 배열 길이와 같습니다. 음수 값인 경우 역수 값을 나타냅니다.
// 将3号位复制到0号位 [1, 2, 3, 4, 5].copyWithin(0, 3, 4) // [4, 2, 3, 4, 5] // -2相当于3号位,-1相当于4号位 [1, 2, 3, 4, 5].copyWithin(0, -2, -1) // [4, 2, 3, 4, 5]
fill()
배열을 주어진 값으로 채웁니다.
['a', 'b', 'c'].fill(7); // [7, 7, 7] let arr = new Array(3).fill([]); arr[0].push(5); // [[5], [5], [5]]
는 원래 배열을 변경하지 않습니다
find()는 조건을 충족하는 첫 번째 배열 구성원을 찾는 데 사용됩니다. 매개변수는 콜백 함수이고, 배열의 모든 멤버는 반환 값이 true인 첫 번째 멤버를 찾을 때까지 순차적으로 콜백 함수를 실행한 후 해당 멤버를 반환합니다. 일치하는 멤버가 없으면 정의되지 않은 값이 반환됩니다.
find 메소드의 콜백 함수는 현재 값, 현재 위치, 원본 배열의 세 가지 매개변수를 받을 수 있습니다.[1, 4, -5, 10].find((n) => n < 0) // -5 [1, 5, 10, 15].find(function(value, index, arr) { return value > 9; }) // 10findIndex()
[1, 5, 10, 15].findIndex(function(value, index, arr) { return value > 9; }) // 2includes()
[1, 2, 3].includes(2) // true
for (let index of ['a', 'b'].keys()) { console.log(index); } // 0 // 1 for (let elem of ['a', 'b'].values()) { console.log(elem); } // 'a' // 'b' for (let [index, elem] of ['a', 'b'].entries()) { console.log(index, elem); } // 0 "a" // 1 "b"for...of 루프를 사용하지 않는 경우 traverse 개체의 next 메서드를 수동으로 호출하여 트래버스할 수 있습니다.
let letter = ['a', 'b', 'c']; let entries = letter.entries(); console.log(entries.next().value); // [0, 'a'] console.log(entries.next().value); // [1, 'b'] console.log(entries.next().value); // [2, 'c']【추천 학습:
javascript 고급 튜토리얼】
위 내용은 es6의 새로운 배열 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!