JS遍历几种方法

1. for方法

var array = [1, 2, 3, 4, 5, 6];
  1. for
for(let i = 0 ; i<array.length; i++){
	console.log(array[i])
}
  1. for in
for(let i in array){
	console.log(array[i])
}
  1. for of
for(let arr of array){
	console.log(arr)
}
  1. for of ES6 keys、 values、 entries
for(let i of array.keys()){
	//下标
	console.log(i)  
}
for(let value of array.values()){
	//值
	console.log(value) 
}
for(let arr of array.entries()){
	//键值对
	console.log(arr) 
}

2.map

var newArray = array.map(function(value, index, array){
	return value+2
})
//输出一个新数组
console.log(newArray)

3.reduce

var newArray = array.reduce(function(previousValue,  currentValue, index, array){
	return previousValue+currentValue
})

//ES6
var newArray6 = array.reduce((a, b)=> a+b)

4.filter

var newArray = array.filter(function(value, index, array){
	return value>4
})

//ES6
var newArray = array.filter(item=>item>4)

//
var array2 = [
  { id: 1, text: 'aa', done: true },
  { id: 2, text: 'bb', done: false }
]
var newArray2 = array2.filter(item=>item.id==2)

5.some 、every

var someArray = array.some(function(value, index, array){
	return value>5 //有一些大于5,返回true
})
var everyArray = array.every(function(value, index, array){
	return value>5 //全部大于5,返回true
})

6.find

var array2 = [
  { id: 1, text: 'aa', done: true },
  { id: 2, text: 'bb', done: false },
  { id: 3, text: 'bb', done: false }
]
function getArray(element){
	return element.text == 'bb'
}
//find返回符合条件对第一个元素
var findArray = array2.find(getArray)

//ES6
var findArray = array2.find(element => (element.text == 'bb'))

其他不常用对还有reduceRight、findIndex等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值