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)
배열은 es6 .from
메서드에서 제공됩니다🎜🎜🎜🎜In es5에서는 Array.prototype.slice.call(arr)
메소드🎜🎜🎜🎜를 사용할 수 있습니다.위 내용은 일반적으로 사용되는 배열 함수는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!