ES6中数组的常用方法

1、fill的用法

//声明指定数组长度,并填充对应数据
const arr = new Array(3).fill("Agwenbi");
console.log(arr);//["Agwenbi","Agwenbi","Agwenbi"]

2、from的用法

//from,从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组
let str = "Agwenbi";
let arr = Array.from(str);
console.log(arr);//['A','g','w','e','n','b','i']

let str1 = [1,2,3];
let arr1 = Array.from(str1,temp => temp * 2);
console.log(arr1);//[2,4,6]

3、isArray的用法

//isArray,判断是否为数组
let str = "Agwenbi";
let jsonDate = {name:"Agwenbi"};
let arr = [];
let bool = true;
console.log(Array.isArray(str));//false
console.log(Array.isArray(jsonDate));//false
console.log(Array.isArray(arr));//true
console.log(Array.isArray(bool));//false

4、forEach的用法

//forEach的用法
let arr = [1,2,3];
arr.forEach((item,key,arrData) => {//item:数组的每一项,key:当前的索引,arrData:数据源
    console.log(item);//1,2,3
    console.log(key);//0,1,2
});

5、map的用法

//map的用法:类似于forEach
let arr = [1,2,3];
let newArr = arr.map((item,key,arrData) => {//与forEach的一致
    return item ** 2;
});
console.log(newArr);//[1,4,9];

6、find的用法

//find的用法:查找数组中第一个满足要求的项(多个满足也只会返回第一个)
let arr = [1,2,3];
let temp = arr.find(item => item > 2);
console.log(temp);//3
let temp1 = arr.find(item => item > 1);
console.log(temp1);//2

7、findIndex的用法

//findIndex的用法:查找数组中第一个满足要求的项的当前索引
let arr = [1,4,9];
let index = arr.findIndex(item => item === 4);
console.log(index);//1

8、every的用法

//every的用法:判断数组中的每一项是否都满足条件,如果都满足则返回true,只要有一项不满足则返回flase,有点类似于逻辑与&&
let arr = [1,4,9];
let flag = arr.every(item => item >= 0);
console.log(flag);
let flag1 = arr.every(item => item > 1);
console.log(flag1);

9、some的用法

//some的用法:类似于逻辑或,判断数据的每一项是否有满足条件的,如果有就返回true,如果都不满足才返回false
let arr = [1,4,9];
let flag = arr.some(item => item >= 5);
console.log(flag);//true
let flag1 = arr.some(item => item >= 10);
console.log(flag1);//false

10、reduce的用法

//reduce的用法:第一次循环时,perv为数组第一项,next为数组第二项
let arr = [1,4,9];
let newArr = arr.reduce((prev,next) => {
    return prev + next;//作为下一次的prev的值
});
//第一次循环时      prev:1      next:4
//第二次循环时      prev:5      next:9
//循环结束
console.log(newArr);//14
let newArr1 = arr.reduce((prev,next) => {
    return prev + next;
},10);//循环结束时再加上第二个参数10,最终结果为24
console.log(newArr1);

11、includes的用法

//includes的用法:查找数组是否包含某一个项
let arr = [1,4,9];
console.log(arr.includes(1));//true
console.log(arr.includes(5));//false

12、filter的用法

//filter的用法:根据条件过滤数组项,返回过滤后的新数组
let arr = [1,4,9];
let newArr = arr.filter(item => item >= 3);//过滤大于等于3的数据
console.log(newArr);//[4,9]

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Agwenbi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值