js数组遍历、对象遍历、字符串遍历
数组遍历
for --使⽤变量将数组长度缓存起来,在数组较长时性能优化效果明显
1.
for(var i=0,len=arr.length;i<len;i++){
2.
console.log("元素:"+arr[i]);
3.
}
forEach --ES5语法,对数组的每个元素执⾏⼀次提供的函数,不能使⽤break、return
1.
arr.forEach(function(item,index,arr){
2.
console.log("元素:"+item+" 索引:"+index+" 整个数组:"+arr);
3.
})
map --ES5语法,创建⼀个新数组,其结果是该数组中的每个元素都调⽤⼀个提供的函数后返回的结果
1.
arr.map(function(val,index){
2.
console.log("元素:"+val+" 索引:"+index);
3.
return val*val;
4.es6字符串转数组
})
1.
for(let item of arr){
2.
console.log("元素:"+item);
3.
}
对象遍历
1.
for(var key in obj){
2.
console.log("属性:"+key+" 值:"+obj[key]);
3.
}
Object.keys() --返回⼀个由⼀个给定对象的⾃⾝可枚举属性组成的数组,数组中属性名的排列顺序和使⽤in循环遍历该对象时返回的顺序⼀致
Object.keys(obj);
Object.values() --返回⼀个给定对象⾃⾝的所有可枚举属性值的数组,值的顺序与使⽤in循环的顺序
相同(区别在于 for-in 循环枚举原型链中的属性)
Object.values(obj);
字符串遍历
for(let char of string){
2.
console.log("字符:"+char);
3.
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。