js数组常用循环
标签:
JavaScript
1.for循环
let arr=[1,2,3,4,5]
for (let i = 0; i < arr.length; i++) {
//continue
//return
console.log(arr[i])
}
for循环中的 continue 可以结束本次循环,直接进行下次 i 改变的循环,return 结束整个循环。
2.forEach()
arr.forEach((item,index,array)=>{
console.log(item);
console.log(index);
console.log(array);
})
foeEach 没有返回值,不会改变原数组,item 是每次的值, index 是 下标 ,array 是数组本身,forEach 不支持 continue return 语句。
3.map()
let arr = [1, 2, 3, 4];
let newArr = arr.map((item, index, array) => {
return item * 10;
});
console.log(newArr); // [10, 20, 30, 40];
console.log(arr);
map 不会改变原数组,会返回一个处理过后新数组 ,Item,index,array 同 forEach一样。改变新数组 newArr 的 内容 不会改变原数组。
4.filter()
let arr = [1, 2, 3, 4];
let newArr = arr.filter((item, index, array) => {
return item > 2;
});
console.log(newArr); // [3,4]
console.log(arr); // [1, 2, 3, 4]
filter 过滤 不改变原数组,会返回一个新数组。会过滤掉不符合条件的元素,把符合条件的元素添加到一个新数组中,
5.reduce()
let arr = [1, 2, 3, 4];
let newArr = arr.reduce((x, y,index,array) => {
console.log("x,"+x);
console.log("y,"+y);
console.log("x+y,",Number(x)+Number(y));
return x + y;
});
console.log(newArr); // 10
console.log(arr); // [1, 2, 3, 4]
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值,
x 必填 初始值或计算结束后的返回值,
y 必填 当前元素
index 非必填 当前元素的索引
array 非必填 当前数组
6.every()
let arr = [1, 2, 3, 4];
let flag = arr.every((item, index, array) => {
return item > 3;
});
console.log(flag);
every() 每一项都为true,只要有一项不符合条件就为false,就返回false。
7.some()
let arr = [1, 2, 3, 4];
let flag = arr.some((item, index, array) => {
return item > 5;
});
console.log(flag);
循环数组,数组中有一项符合条件就返回true,并且停止循环,否则返回false。
8.for of
let arr = [1, 2, 3, 4];
for (const item of arr) {
console.log(item);
}
9.for in
#遍历数组
let arr = [1, 2, 3, 4];
for (var index in arr) {
console.log(arr[index]);
}
#遍历对象
let obj={a:1,b:2,c:3}
for (var key in obj) {
if(obj.hasOwnProperty(key)){
console.log(key)
}
}
for in 可以遍历到 obj 的原型方法method,如果不想遍历原型方法和属性的话,可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性。
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦