2024年最全数组中常用的方法总结(2)，腾讯hr面试题目

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

• 参数：Array.from(arrayLike[, mapFn[, thisArg]]) 后俩个可选

第一个类数组，第二个是函数，类数组的每一项都会执行，第三个参数座位mapFn的this

• 返回值：一个新的数组实例

Array.from(‘foo’); //[‘f’,‘o’,‘o’];

var o = {a:1};

Array.from([1,2,3,4],function(item){

return item+this.a;

},o) //2,3,4,5

2、Array.isArray() 判断传进的值是否是array

注意：Array.prototype也是一个数组

3、 Array.of() 将参数当做数组项，并返回一个新数组

注意：和Array()的区别是，Array.of()是将参数作为数组项，而Array是将参数当做数组的长度。

• 参数：数组项

• 返回值：新数组

Array.of(1,2,3); // [1,2,3]

Array.of(9); //[9]

Array.of(7); //[7]

Array(7) // [ , , , , , , ]

4、 copyWithin() 赋值数组的一部分

参数：arr.copyWithin(target[,start[，end]])，复制是包含start，不包含end

返回值：复制后的数组，改变了原数组（不会改变数组的length）

var arr = [0,1,2,3,4,5,6,7,8,9];

console.log(arr.copyWithin(3,5,9)); //[0,1,2,5,6,7,8,7,8,9]

console.log(arr); //[0,1,2,5,6,7,8,7,8,9]

var arr = [0,1,2,3,4,5,6,7,8,9];

console.log(arr.copyWithin(1,6)); //[0,6,7,8,9,5,6,7,8,9]

var arr = [0,1,2,3,4,5,6,7,8,9];

console.log(arr.copyWithin(5)); //[0,1,2,3,4,0,1,2,3,4]

5、every() 测试数组中所有的元素是否都通过了指定函数的测试

• 参数：arr.every(callback[, thisArg]) 第一个参数是需要执行的的函数，第二个参数是this。callback被传入三个参数，元素值，元素索引，原数组。

• 返回值：Boolean，不会改变原数组

function theMax(element, index, array){

return (element >= 10);

}

function yuygg(element){

return 0 > element+this.a;

}

var passed = [12,3,4,5,53,54,22,45,2];

var o = {a: -100}

console.log(passed.every(theMax)); //false

console.log(passed.every(yuygg,o)); //true

6、fill() 用一个固定的值填充一个数组从起始到终止索引内的全部元素（不包括终止元素）

• 参数：arr.fill(value[,start[,end]])

• 返回值：修改后的数组，会改变原数组

var arr1 = [0,1,2,3,4,5,6,7,8];

console.log(arr1.fill(‘a’, 2,7)); //[0,1,‘a’,‘a’,‘a’,‘a’,‘a’,7,8]

var arr3 = [0,1,2,3,4,5,6,7,8];

console.log(arr3.fill(‘b’)); //[‘b’,‘b’,‘b’,‘b’,‘b’,‘b’,‘b’,‘b’,‘b’];

7、filter() 创建一个新数组，包含了通过测试的所有元素

• 参数：arr.filter(callback[,thisAge]); 第一个参数为执行函数，第二个是函数的this

callback被传入三个参数，元素值，元素索引，原数组

• 返回值：新数组，不会改变原来的数组

8、find() 返回数组中满足函数测试的第一个值

• 参数：arr.find(callback[, thisArg])

• 返回值：有一个符合则返回该值，反之返回undefined 不会改变原数组

var arr = [1,2,3,4,5,6];

function nfewr(element){

return element%2 == 0;

}

console.log(arr.find(nfewr)); //2

9、findIndex() 和find()有一些类似，该函数返回的是符合条件的索引

10、flat() 深度遍历数组，并将所有元素与遍历道德子数组中的元素合并为一个新元素返回

• 参数：depth 深度

• 返回值：返回一个新数组，不改变原有的数组

var m = [1,2,[3,4,[5,6,7]]];

console.log(m.flat()); //[1,2,3,4,[5,6,7]];

console.log(m.flat(3)); // [1,2,3,4,5,6,7]

11、flatMap() 将结果压缩成一个新的数组

• 参数: callback(currentValue)

• 返回值：返回一个新的数组，深度为1

var m = [1,2,3,4];

function fun1(currentValue){

return [[currentValue*2]];

}

console.log(m.flatMap(fun1)); //[[1],[2],[3],[4]]

var arr2 = [“你好呀”,“”",“一起出去玩吧！”];

console.log(arr2.flatMap((x)=>x.split(“”))); //[“你”, “好”, “呀”, “一”, “起”, “出”, “去”, “玩”, “吧”, “！”]

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader