es6의 새로운 순회 방법은 무엇입니까?

새로운 탐색 방법은 다음과 같습니다. 1. 배열을 탐색하고 일치하는 요소를 찾을 수 있는 findIndex() 2. 배열을 탐색하고 첫 번째로 일치하는 요소를 찾을 수 있는 항목() 키 일치 트래버스 값 쌍; 4. 키(), 트래버스 키 이름 5. 값(), 트래버스 키 값.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

10 ES5에서 일반적으로 사용되는 탐색 방법:

1. 원래 for 루프 문

2 Array.prototype.forEach 배열 객체 내장 방법

3.

4. Array.prototype.filter 배열 객체 내장 메소드

5. Array.prototype.reduce 배열 객체 내장 메소드

6. Array.prototype.some 배열 객체 내장 메소드

7. .prototype.every 배열 객체 내장 메소드

8. Array.prototype.indexOf 배열 객체 내장 메소드

9. Array.prototype.lastIndexOf 배열 객체 내장 메소드

10. .in 루프 문 for...in循环语句

es6新增的遍历方法

findIndex(callback [, thisArg])查找数组中匹配的元素

找到一个就返回匹配的元素的下标，没找到就返回-1。
let arr = [1, 2, 3, 4, 5, 6]// 此时我们找大于2的数
let newArr = arr.findIndex(val => {return val > 2})
console.log(newArr) // 2

find(fn(callback [, thisArg])

查找数组中匹配的元素，找到一个就返回匹配的元素，没找到就返回undefined。

注：下面的例子相对于需求是一个错误的示范，因为我们要找出大于2的数，当找到匹配到3时，满足条件，函数就会停止。

例：

let arr = [1, 2, 3, 4, 5, 6]
// 此时我们找大于2的数
let newArr = arr.find(val => {
    return val > 2
})
console.log(newArr) // 3

entries() ， keys() 和 values()

ES6 提供三个新的方法 —— entries()，keys()和values() —— 用于遍历数组和对象。它们都返回一个遍历器对象，可以用for...of

es6 새로운 배열에서 일치하는 요소를 찾기 위한 순회 메서드

findIndex(callback [, thisArg])가 추가되었습니다

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"

find(fn(callback [, thisArg])

배열에서 일치하는 요소를 찾으려면 find를 실행하세요. 하나라도 발견되면 undefine이 반환됩니다. 🎜🎜참고: 다음 예는 요구 사항에 비해 잘못된 설명입니다. 2. 3개 일치 항목이 발견되면 조건이 충족되고 함수가 중지됩니다. 🎜🎜예: 🎜

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']

🎜🎜entries(), key() 및 value()🎜🎜🎜ES6은 세 가지 새로운 메서드인 항목을 제공합니다. (), 키() 및 값() - Traverse 배열 및 객체용. 둘 다 for...of 루프를 사용하여 탐색할 수 있는 traverser 객체를 반환합니다. ()는 키 이름을 순회하고,values()는 키-값 순회를 위해 키-값 쌍을 순회합니다. 🎜rrreee🎜for...of 루프를 사용하지 않는 경우 수동으로 수행할 수 있습니다. 🎜rrreee🎜[관련 권장 사항: 🎜 javascript 비디오 튜토리얼🎜, 🎜web front-end🎜]🎜

위 내용은 es6의 새로운 순회 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!