JS中数组与对象的遍历方法实例小结
2018-08-14 14:58
921 查看
一、数组的遍历:
首先定义一个数组
arr=['snow','bran','king','nightking'];
1、
for循环,需要知道数组的长度;
2、
foreach,没有返回值,可以不知道数组长度;
arr.forEach(function(ele,index){ console.log(index); console.log(ele) })
3、
map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新数组,原数组不变;
var newarr=arr.map(function(i){ return "hello "+i }); console.log(newarr)
4、
filter函数:过滤通过条件的元素组成一个新数组,原数组不变;
var newarr=arr.filter(function(i){ return i == "bran" }); console.log(newarr)
5、
some函数,遍历数组中是否有符合条件的函数,返回布尔值;
var yy=arr.some(function(i){ return i.length>4 }); console.log(yy) //true
6、
every函数,遍历数组是否每个元素都符合条件,返回布尔值;
var xx=arr.every(function(i){ return i.length>4 }); console.log(xx) //false
7、
reduce函数,为数组中的每一个元素依次执行回调函数
语法:
arr.reduce(callback, initialValue)
[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; });
callback:执行数组中每个值的函数,包括四个参数;
- previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue);
- currentValue:当前被处理的值;
- index:当前元素在数组中的索引;
- array:调用reduce的数组;
- initialValue:作为第一次调用callback的第一个参数;
例如:
var total = [0, 1, 2, 3].reduce(function(a, b) { return a + b; }); // total == 6 var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) { return a.concat(b); }); // flattened is [0, 1, 2, 3, 4, 5]
要提供
initialValue的话:
var total = [0, 1, 2, 3].reduce(function(a, b) { return a + b; },4); console.log(total); //10
二、对象的遍历
var obj={snow:1,bran:2,king:3,nightking:4}; for(let i in obj){ console.log(i+','+obj[i]) }
in也可以用来遍历数组,不过
i对应于数组的
key值:
for(let i in arr){ console.log(i+','+arr[i]) }
PS:这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:
在线JS常见遍历方式性能分析比较工具:http://tools.jb51.net/aideddesign/js_bianli
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- 数组和对象的遍历方法小结
- js 的each()方法遍历对象和数组
- JS数组去重常用方法实例小结【4种方法】
- 10-10 arguments存储实参、解决js获取CSS属性值兼容性、object对象、for语句遍历对象内容、数组中的方法
- JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
- js数组对象常用方法小结
- JS提交对象数组到服务端的方法总结(C#实例)
- js 的each()方法遍历对象和数组
- IE8对JS的数组,采用属性遍历的方法,解析不一样的地方:
- 使用jQuery对js对象和数组的遍历以及序列化
- js String对象中常用方法小结(字符串操作)
- js获取对象,数组所有属性值(key)和对应值(value)的方法
- js遍历数组、对象、json
- 使用console.dir 快速概览Node.JS中对象实例的属性和方法
- IE8对JS的数组,采用属性遍历的方法,解析不一样的地方:
- JS 实现 创建类、继承、方法添加、对象克隆、数组封装操作
- js中array(数组)对象的splice方法的详解
- js入门实例の构造函数\方法的定义和调用\原型对象
- js/JQuery中遍历数组的方法
- js入门实例の构造函数/方法的定义和调用/原型对象