一、数组循环的方法:for,forEach,map,for of,filter,every,find。
1.for循环,最基础的循环方式,速度较快,效率较高,而且可以控制数组的任意一项元素
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
打印: 1,2,3,4,5
2.forEach有三个参数(value:数组每一项的值,index:索引,arr:数组本体)
特点:不能同时遍历多个集合,在遍历时不能修改和删除集合的数据,且不能用break和return跳出循环,对于空数组不会执行回调函数,forEach修改数组,只能修改引用数据类型,不能直接修改基本数据类型。可以理解为forEach没有返回值,或者说是undefined
对于基本数据类型:number
,string
,Boolean
,null
,undefined
它们在栈内存中直接存储变量与值。而Object对象的真正的数据是保存在堆内存,栈内只保存了对象的变量以及对应的堆的地址,所以操作Object其实就是直接操作了原数组对象本身。
使用arr[index]什么数据类型都能修改。
const arr = [1,2,3,4,5,6]
let arr1 = arr.forEach((i, t) => {
arr[t] = i+5
// console.log(i, '13')
})
console.log(arr, 'arr')
console.log(arr1, 'arr1')
arr : [6,7,8,9,10]
arr1 : undefined
3.map同样有三个参数,与forEach一样(value:数组每一项的值,index:索引,arr:数组本体)
特点:map会迭代数组重的每一个元素,并且根据回调函数对每一个元素进行处理,最后返回一个新数组,使用map不会改变原数组
const arr = [1,2,3,4,5,6]
let arr1 = arr.map((i, t) => {
return i + 5
console.log(i)
})
console.log(arr)
console.log(arr1)
}
arr:[1,2,3,4,5,6]
arr1:[6,7,8,9,10,11]
!!插入一下:迭代器
迭代就是指可以从一个数据集中按照一定的顺序,不断取出数据的过程。
那么迭代和遍历的区别
- 迭代强调依次取数据的过程,不保证把所有的数据都取完
- 遍历强调的是要把所有的数据依次全部取出
4.for of可以用来遍历字符串,遍历类数组对象,支持 Map 和 Set 对象遍历,它解决了forEach的所有缺点,可以支持break,return,continue
let arr = [{
card: 1
}, {
card: 2
}];
for (let value of arr) {
console.log(value);
}
value:{card:1} , {card:2}
let arr = [{
card: 1
}, {
card: 2
}];
for (let {
card
}
of arr) {
console.log(card);
}
card:1 ,2
let person={name:"老王",age:23,city:"唐山"}
for (let item of person){
console.log(item)
}
person is not a iterable
let arr=["dog","cat","monkey","lion"];
for (let item of arr){
console.log(item)
}
item: dog,cat,monkey,lion
5.filter同样有三个参数(value:数组每一项的值,index:索引,arr:数组本体)
特点:filter是对数组里的数据进行过滤,设置一定的条件以后,过滤掉不符合条件的数据,它不会对空数组进行检测、不会改变原始数组。!非常好用
let arr=["dog","cat","monkey","lion"];
let arr1 = arr.filter((i,t) => {
console.log(i,t)
return i !== "dog"
})
arr1 = ["cat","monkey","lion"]
6.every同样有三个参数(value:数组每一项的值,index:索引,arr:数组本体)
特点:every方法针对的是数组里的所有元素,返回一个布尔值,判断数组里面的所有元素是否都满足条件,如果不满足,则返回false,如果都满足,返回true,不能改变原数组,只能做判断。\
let arr = [1,2,3,4,5,6,7]
let bool = arr.every((i,t,list) => {
console.log(i,t,list)
return i<3
})
bool = false
7.some同样有三个参数(value:数组每一项的值,index:索引,arr:数组本体)
特点:some和every类似,用法相同,返回值相同,只是判断条件不同。some使用时只要数组中有一个元素符合条件就返回true,所有元素都不满足条件,才返回false。
let arr = [1,2,3,4,5,6,7]
let bool = arr.some((i,t,list) => {
console.log(i,t,list)
return i<3
})
console.log(bool)
bool = true