标签：总结 arr 遍历 console log js item var 橘子

1.for

var arr = ['香蕉', '苹果', '橘子']

for (var i = 0; i < arr.length; i++) {
    console.log(i); //下标 0,1,2
    console.log(arr[i]); //香蕉,苹果,橘子
}

输出结果：

2.for-in

var arr = ['香蕉', '苹果', '橘子']
for (var i in arr) {
    console.log(i); //0,1,2
    console.log(arr[i]); //香蕉,苹果,橘子
}

输出结果：

for-in还可以用来遍历对象

var arr = {
    name: "姓名",
    sex: "男",
}
for (var i in arr) {
    console.log(i); //键名:name,sex
    console.log(arr[i]); //键值:姓名,男
}

输出结果：

3.for-of

var arr = ['香蕉', '苹果', '橘子']

for (var i of arr) {
    console.log(i);
}

输出结果：

4.forEach()

var arr = ['香蕉', '苹果', '橘子']

arr.forEach((item, index, arr) => { //item:必传 index:非必传 arr:非必传
    console.log(item); //香蕉,苹果,橘子
    console.log(index); //0,1,2
    console.log(arr); //数组
})

注意：forEach方法不会改变原数组

输出结果：

5.map()

var arr = ['香蕉', '苹果', '橘子']

arr.map((item, index, arr) => { //item:必传 index:非必传 arr:非必传
    console.log(item); //香蕉,苹果,橘子
    console.log(index); //0,1,2
    console.log(arr); //数组
})

注意：map方法会返回一个新数组

输出结果：

6.filter()

filter用于对数组进行过滤。
创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

var arr = ['香蕉', '苹果', '橘子']

var res = arr.filter(item => {
    return item != "香蕉";
});
console.log(res);

注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。

输出结果：

标签：总结,arr,遍历,console,log,js,item,var,橘子
来源： https://blog.csdn.net/weixin_49582736/article/details/120511918

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。