javascript 遍历数组对象

数组对象

var arr = ["value1","value2","value3"];
var obj = {
    aa:"value1",
    bb:"value2",
    cc:function(){
       console.log("value3")
    }
}

原生方法

//for in 遍历数组
for(var i;i<arr.lengt;i++)
{
   consle.log(i+":"+arr[i]); 
}
//for in 遍历数组 ,对象
for(var i in obj)
{
    console.log(i+':'+obj[i]);
}
//foreach 遍历数组,三个参数依次是数组元素,索引,数组本身
arr.foreach(function(value,index,array){
    console.log(value+','+index+','+array[index]);
})
#注意,for-in、for能正确响应break、continue、return语句,但是 foreach不行

for-of

#for...of语句在可迭代对象(包括 Array, Map, Set, String, TypedArray,arguments 对象等等)上创建一个迭代循环,对每个不同属性的属性值,调用一个自定义的有执行语句的迭代挂钩
//for-of遍历数组,不带索引,i即为数组元素
for(let i of arr){
    console.log(i);//打印的出来的就是值
}
//输出 "value1" "value2" "value3"

// for-of遍历Map对象
let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (let [key, value] of iterable) {
  console.log(value);
}
//输出 1 2 3
 
// for-of遍历字符串
let iterable = "china中国";
for (let value of iterable) {
  console.log(value);
}
//输出 "c" "h" "i" "n" "a" "中" "国"

Object.keys()

#js有原生的Object.keys()方法(低版本IE不兼容),返回一个由对象的可枚举属性名组成的数组
/****Object.keys()返回键名数组****/
//数组类型
let arr = ["a", "b", "c"];
console.log(Object.keys(arr));
// (3) ['0', '1', '2']
 
// 类数组对象
let anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj));
// (3) ['2', '7', '100']
 
//一般对象
let xyz = {z: "zzz", x: "xxx", y: "yyy"};
console.log(Object.keys(xyz));
// (3) ["z", "x", "y"]
  

javascript原生遍历方法的建议用法:

用for循环遍历数组
用for-in遍历对象
用for-of遍历类数组对象(ES6)
用Object.keys()获取对象属性名的集合
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值