>  기사  >  웹 프론트엔드  >  일반적으로 사용되는 배열 함수는 무엇입니까?

일반적으로 사용되는 배열 함수는 무엇입니까?

一个新手
一个新手원래의
2017-10-16 09:20:313672검색

일부 배열 방법

Javascript 배열은 매우 친숙한 유형이고 매우 강력한 기능을 가지고 있지만 프런트 엔드를 배우지 않은 모든 사람이 이를 마스터할 수 있는 것은 아닙니다. 배열의 일부 방법에 대해 이야기해 보겠습니다.

  • 배열 중복 제거

    (1) 배열 arr=[1,2,3,3,4]가 주어지면 중복을 제거하는 방법은 무엇입니까?

    • es6 새로운 데이터 구조가 있습니다. Set var newArr=new Set(arr);var newArr=new Set(arr);

    • es5方法是声明一个新数组obj,遍历arr,查看其中元素是否在新数组中存在,代码如下:

      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if(newArr.indexOf(arr[i]) === -1){
              newArr.push(arr[i]);
          }
      }
      console.log(newArr); //[1,2,3,4];
  • Array.forEach

    foreach是对数组中每个元素执行一次给定函数,但是原数组不变,无返回值

        var arr = [1,2,3,4];
        arr.forEach(function(item, index, origin){
            item += 1;
            console.log(item);//2,3,4,5
        })
        console.log(arr);//[1,2,3,4]
  • Array.map

    map是对数组中每个元素执行一次给定函数,原数组不变,返回新数组

        var arr = [1,2,3,4];
        var newArr=arr.map(function(item, index, origin){
            return ++item;
        })
        console.log(newArr);//[2,3,4,5]
  • Array.filter

    filter是对数组中每个元素执行一次给定函数,原数组不变,返回符合条件的新数组

        var arr = [1,2,3,4];
        var newArr=arr.filter(function(item, index, origin){
            return item>2;
        })
        console.log(newArr);//[3,4]
  • Array.reduce

    reduce是第一个参数是一个函数,该函数的参数为上一次执行函数结果pre和目前元素的值和索引,通常用于求数组之和,第二个参数是在第一次执行函数是的pre的值,如果没有该参数则将第一个值当做pre的值

        var arr = [1,2,3,4];
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//1,2,3
            return pre + cur;
        })
        console.log(res);//10
    
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//0,1,2,3
            return pre + cur;
        }, 5)
        console.log(res);//15
  • Array.every

    every是对数组中每个元素执行一次给定函数,如果有一个结果为false,则返回false;

        var arr = [1,2,3,4];
        var res = arr.every(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//false
  • Array.some

    some与every相对,是对数组中每个元素执行一次给定函数,如果有一个结果为true,则返回true;

        var arr = [1,2,3,4];
        var res = arr.some(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//true
  • 将类数组转换为数组

    • es6中提供了Array.from的方法

    • es5中可以使用 Array.prototype.slice.call(arr)

    es5 방법은 새 배열 obj를 선언하고 arr을 탐색한 후 여부를 확인하는 것입니다. 그 안에 있는 요소는 새 배열에 존재하며 코드는 다음과 같습니다.
rrreee🎜🎜🎜🎜🎜Array.forEach🎜🎜🎜foreach는 배열의 각 요소에 대해 주어진 함수를 한 번씩 실행하지만 원래 배열은 그대로 유지됩니다. 변경되지 않고 반환 값이 없습니다🎜rrreee🎜🎜🎜 🎜Array.map🎜🎜🎜map은 배열의 각 요소에 대해 주어진 함수를 한 번 실행하는 것입니다. 원래 배열은 변경되지 않고 새 배열이 반환됩니다🎜rrreee🎜🎜🎜🎜 Array.filter🎜🎜🎜filter는 배열의 각 요소에 대해 실행됩니다. 함수가 한 번 주어지면 원래 배열은 변경되지 않고 조건에 맞는 새 배열이 반환됩니다.🎜rrreee🎜🎜🎜🎜Array.reduce🎜🎜 🎜reduce는 첫 번째 매개변수가 함수이고, 이 함수의 매개변수는 pre 함수의 마지막 실행 결과이며, 일반적으로 현재 요소의 값과 인덱스를 사용하여 두 번째 배열의 합을 구합니다. 매개변수는 함수가 처음 실행될 때 pre 값입니다. 해당 매개변수가 없으면 첫 번째 값은 pre🎜rrreee🎜🎜 값으로 간주됩니다. 🎜🎜Array.every🎜🎜🎜every가 실행됩니다. 배열의 각 요소에 대해 한 번 주어진 함수. 하나의 결과가 false이면 false를 반환합니다. 🎜rrreee🎜🎜🎜🎜Array.some🎜🎜🎜some은 모든 요소에 대해 반대입니다. 🎜rrreee🎜🎜🎜🎜클래스 배열을 배열로 변환🎜🎜🎜🎜🎜🎜배열은 es6 .from 메서드에서 제공됩니다🎜🎜🎜🎜In es5에서는 Array.prototype.slice.call(arr) 메소드🎜🎜🎜🎜를 사용할 수 있습니다.

위 내용은 일반적으로 사용되는 배열 함수는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.