es6数组常用函数方法

最新推荐文章于 2024-03-14 14:38:35 发布

原创最新推荐文章于 2024-03-14 14:38:35 发布 · 385 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6数组常用函数方法

网络专栏收录该内容

24 篇文章

订阅专栏

本文深入解析JavaScript中数组的各种操作方法，包括Array.from(), Array.of(), find(), findIndex(), includes(), fill()及for...of循环的使用技巧。通过具体实例展示如何高效利用这些方法进行数组的转换、查找、填充等操作。

// 一，Array.from()将一组类似数组的对象转换为数组
let setx=new Set([1,2,3,4]);

let arr=Array.from(setx);
console.log(arr);
//结果：[ 1, 2, 3, 4 ]


// 二，Array.of(值1，值2，值3 ......)将一组值转换位数组
let a='12344'; let b='2345';
let arr1=Array.of(a,b);
console.log(arr1);
//结果：[ '12344', '2345' ]


// 三，Array.find(function(值，下标，数组本身){
//     判断该数组是否存在某值存在返回true或此值本身没有返回undefined
// })

let arr3=[1,2,3,4];
let ar=arr3.find(function(val,key,arr){
    return val==1;
})
console.log(ar);
//值为：1或true


//四， findIndex(function(val,key){
//     返回所在值得下标
// 没有此值返回undefined
// })
var ac=arr3.findIndex(function(val,key){
    return val==1;
});
console.log(ac);


// 五，includes()  返回布尔值，表示是否找到了参数元素 ，就是坚持某数组是否包含某值。
var ad=arr3.includes(2);
console.log(ad);


//六， fill(填充值，起始位置，结束位置) 
//     方法使用给定值，填充一个数组,  数组值替换包头不包未
let av=arr3.fill('x',1,3);
console.log(av);



//七， for of循环参数 values  keysfor of
// entries()  下标和值
// keys() 下标
// values()值

let arr4=['a','b','c','d'];
for(let i of arr4){
    console.log(i);//打印值
}

for(let i of arr4.keys()){
    console.log(i);//加keys打印出来的下标
}


// flat() 拉平 /降维就是吧二维数组转换为一维数组