JavaScript 배열의 5가지 반복 방법에 대한 자세한 예

이 글에서는 주로 JavaScript 배열의 5가지 반복 방법을 자세히 소개하며, 이는 특정 참조 값이 있습니다. 관심 있는 친구들은 참고할 수 있습니다.

ES5는 배열에 대한 5가지 반복 방법을 정의합니다. 각 메서드는 두 개의 매개변수를 받습니다. 각 항목에 대해 실행될 함수 및 (선택적으로) 함수를 실행할 범위 개체 - 이 값에 영향을 미칩니다. //그 중(선택사항) 이 매개변수는 아직 발견되지 않았습니다.

그 중 함수는 세 개의 매개변수(배열의 각 항목, 각 항목의 인덱스 값, 배열 객체 자체)를 받습니다.

다음은 5가지 메서드에 대한 소개입니다.

every(): 배열의 각 항목에 대해 함수를 실행합니다. 각 항목이 true를 반환하면 이 메서드는 true를 반환합니다.

some(): 배열의 각 항목에 대해 함수를 실행합니다. 한 항목이 true를 반환하는 한 메서드는 true를 반환합니다.

filter(): 배열의 각 항목에 대해 함수를 실행하고 true를 반환하는 항목을 배열로 반환합니다.

forEach()는 반환 값 없이 배열의 각 항목에 대해 함수를 실행합니다. for 루프와 유사합니다.

map() 배열의 각 항목에 대해 함수를 실행하고 각 항목을 반환(처리)합니다.

위 5가지 방법은 배열 자체를 변경하지 않습니다.

forEach와 map의 비교:

  var arr = [1,2,3,4,5];
  //every() filter() some() forEach() map()
  var res = arr.every(function(i,index,o){
    return i>2;
  });
  console.log(arr); //[1,2,3,4,5]
  console.log(res); //false

  var some = arr.some(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(some);//true

  var filter = arr.filter(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(filter);//[3,4,5]

  var forEach = arr.forEach(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(forEach);//undefined

  var map = arr.map(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(map);//[false,false,true,true,true]

위 내용은 JavaScript 배열의 5가지 반복 방법에 대한 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!