es6之数组的几种新方法

这些知识点不常用到,写这个的目的是为了方便以后的复习,之后有什么项目需要用到该知识点的,便于在这里进行查询。
.find()查找数组当中满足某一个条件的元素
该方法接受三个参数
find(element, index, array)
找到了符合条件的第一个元素时就会立马返回,而不会执行后面的操作,与forEach相比有一定的优势,与for of相比语法更加简单清晰

const inventory = [
	{name: 'apples', quantity: 2},
	{name: 'bananas', quantity: 0},
	{name: 'cherries', quantity: 5},
];

const bananas = inventory.find(fruit => {
   console.log(fruit);
   // {name: 'apples', quantity: 2}
   // {name: 'bananas', quantity: 0}
	if (fruit.name === 'bananas') {
	return true;
	}
	return false;
});

console.log(bananas);
// {name: 'bananas', quantity: 0}

上面代码还可以简写为

const bananas = inventory.find(fruit => fruit.name === 'bananas');

.findIndex()找到数组中的索引,接受的参数与.find()一样
.some()与.every()返回布尔值
.some()只有当数组中某一个函数满足这个测试函数的时候,返回true
.every()只有当数组中所有函数都满足这个测试函数的时候,才会返回true。否则的话,当遇到第一个条件是false的函数就会立即返回,而不会执行下面的操作

const isEnough = inventory.some(fruit => fruit.quantity > 0)
console.log(isEnough);
// true

这段代码中,只执行了apples, 因为apples的quantity大于0,返回true,就不会往下面执行了

const isAllEnough = inventory.every(fruit => fruit.quantity > 0)
console.log(isAllEnough);
// false

这段代码中,执行到bananas的测试结果是false,就不会往下面执行了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 ES6 中,可以使用以下几种方法来循环遍历数组: 1. 使用 for 循环: ``` for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. 使用 for-in 循环: ``` for (let i in arr) { console.log(arr[i]); } ``` 3. 使用 for-of 循环: ``` for (let i of arr) { console.log(i); } ``` 4. 使用 Array.prototype.forEach() 方法: ``` arr.forEach(function(item) { console.log(item); }); ``` 5. 使用 for-await-of 循环(只适用于异步数组): ``` for await (let i of arr) { console.log(i); } ``` 总共有五种方法可以用来循环遍历数组。 ### 回答2: ES6提供了多种循环数组的方式,下面是其中一些常用的方式: 1. for...of循环:使用for...of循环可以遍历数组中的每个元素,并将元素的值赋给定义的变量。这种方式比传统的for循环更简洁,并且不需要手动获取数组的长度。 2. forEach方法:forEach是数组对象的方法,它接受一个回调函数作为参数,在每次迭代数组时调用该函数。这种方式可以方便地遍历数组,并对每个元素进行操作。 3. map方法:map是数组对象的方法,它也接受一个回调函数作为参数,对数组中的每个元素进行操作,并返回一个数组。这种方式常用于对数组进行转换或映射。 4. reduce方法:reduce是数组对象的方法,它接受一个回调函数和一个初始值作为参数,对数组中的每个元素进行累积操作,并返回最终的结果。这种方式可以用来计算数组中元素的总和、平均值等。 5. filter方法:filter是数组对象的方法,它接受一个回调函数作为参数,对数组中的每个元素进行判断,并返回满足条件的元素组成的数组。这种方式可用于筛选符合条件的元素。 这些方式都具有不同的特点和适用场景,可以根据具体需求选择最合适的方式来循环数组。 ### 回答3: ES6提供了多种循环数组的方式,具体有以下几种: 1. for循环:使用传统的for循环语法,通过控制循环变量的变化来遍历数组元素。例如: ``` let arr = [1, 2, 3, 4, 5]; for(let i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. forEach方法数组对象提供了forEach方法,可以传入一个回调函数作为参数,该回调函数将依次处理每个数组元素。例如: ``` let arr = [1, 2, 3, 4, 5]; arr.forEach((elem) => { console.log(elem); }); ``` 3. for...of循环:ES6增的for...of循环可以遍历可迭代对象,包括数组。它通过每次迭代将数组元素赋值给一个变量来实现遍历。例如: ``` let arr = [1, 2, 3, 4, 5]; for(let elem of arr) { console.log(elem); } ``` 4. map方法数组对象提供了map方法,可以传入一个回调函数作为参数,该回调函数将处理每个数组元素,并将结果组成一个数组返回。例如: ``` let arr = [1, 2, 3, 4, 5]; let newArr = arr.map((elem) => { return elem * 2; }); console.log(newArr); ``` 以上就是ES6循环数组几种方式,开发者可以根据具体的需求来选择合适的方式进行数组的遍历和操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值