遍历数组中的元素(含es6方法)
2017-11-10 20:47
447 查看
假如有这样一个数组。arr = [12,34,45,46,36,58,36,59],现在要遍历该数组。
方法1:以前我们可能会这样做:
方法2:自ES5发布后,我们可以使用内置的forEach方法来遍历数组。
这段代码看起来简单,然而有些缺陷,就是不能使用break语句中断循环,也不能使用return语句返回到外层函数。
方法3:于是我们很容易想到使用for-in来遍历数组
然而这样也会有一点问题,在这段代码中,赋给 index 的值不是实际的数字,而是字符串“0”、 “1”、 “2”,此时很可能在无意之间进行字符串算数计算,例如:“2”+1==“21”,这给编码带来极大的不便。还有,在某些情况下,这段代码可能按照随机顺序遍历数组元素。
方法4:下面我的ES6方法登场了,就是使用for-of方法。
是不是很简洁,而且也不存在上述方法那样的缺陷。
方法1:以前我们可能会这样做:
for(var i=0;i<arr.length;i++){ console.log(arr[i]+"\n") }
方法2:自ES5发布后,我们可以使用内置的forEach方法来遍历数组。
arr.forEach(function(val){ console.log(val+"\n") })
这段代码看起来简单,然而有些缺陷,就是不能使用break语句中断循环,也不能使用return语句返回到外层函数。
方法3:于是我们很容易想到使用for-in来遍历数组
for(var index in arr){ console.log(arr[index]+"\n") }
然而这样也会有一点问题,在这段代码中,赋给 index 的值不是实际的数字,而是字符串“0”、 “1”、 “2”,此时很可能在无意之间进行字符串算数计算,例如:“2”+1==“21”,这给编码带来极大的不便。还有,在某些情况下,这段代码可能按照随机顺序遍历数组元素。
方法4:下面我的ES6方法登场了,就是使用for-of方法。
for(var val of arr){ console.log(val+"\n") }
是不是很简洁,而且也不存在上述方法那样的缺陷。
相关文章推荐
- js数组循环遍历数组内所有元素的方法
- JavaScript中遍历数组中元素的两种方法
- js中的循环遍历数组中的元素,ES6(for-of)、ES5(forEach、for-in)、通用(for(i=0;i<length;i++))
- C#不使用Split()方法,遍历数组,使用“|”分割元素并输出 分类: C# 2012-05-13 23:21 1416人阅读 评论(0) 收藏
- js数组循环遍历数组内所有元素的方法
- [LeetCode] Sort Colors 对于元素取值有限的数组,只遍历一遍的排序方法
- C#不使用Split()方法,遍历数组,使用“|”分割元素并输出
- shell中获取字符串长度的方法,获取数组元素个数,获取数组元素,数组遍历
- ES5和ES6数组遍历方法详解
- C#不使用Split()方法,遍历数组,使用“|”分割元素并输出
- JS数组循环遍历数组内所有元素的方法
- 遍历数组删除某元素的方法
- ES6中用数组方法遍历DOM
- js数组循环遍历数组内所有元素的方法
- 对数组的每个元素仍是数组的遍历方法,c#,foreach,for
- js数组遍历所有元素方法 总结
- 数组的遍历和元素输出的四种方法
- 遍历数组 iterator方法和for方法
- ES6属性遍历方法
- 比较一个数组中,是否有相等的元素的不同方法比较