js数组和变量的遍历

  在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！

    javaScript遍历对象总结

1、使用Object.keys()遍历  
          返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).

//创建对象
var obj = {'0':'a','1':'b','2':'c'};
Object.keys(obj).forEach(function(key){
     console.log(key,obj[key]);
});

2、使用for..in..遍历     
      循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).

var obj = {'0':'a','1':'b','2':'c'};
for(var i in obj) {
     console.log(i,":",obj[i]);
}

 3、使用Object.getOwnPropertyNames(obj)遍历

      返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).

var obj = {'0':'a','1':'b','2':'c'};
Object.getOwnPropertyNames(obj).forEach(function(key){

    console.log(key,obj[key]);

});

4、使用Reflect.ownKeys(obj)遍历
      返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.  

var obj = {'0':'a','1':'b','2':'c'};
Reflect.ownKeys(obj).forEach(function(key){
console.log(key,obj[key]);
});

 

  var njson = {"aa":"11","bb":"22"}

  njson["cc"] ="33"; //向json对象中添加新的元素

   //向json对象中一次添加多个元素，创建新对象包含要添加的内容，遍历新创建的对象，依次添加到原json中

  let njson1 = {"zz":"99","yy":"88"}

  Object.keys(njson1).forEach(function(key){

    njson[key] =njson1[key];

    //console.log(key,njson1[key])

  })

 // console.log(njson)

 

 

  delete njson["99"]//从json中删除键delete njson[key]

  delete njson.aa//这也是按照键删除

// 删除多个指定内容，也可以修改添加

let index55 = ['99','33']//设定一个要删除的内容，可以是值也可以是键

for(var i=0;i<index55.length;i++){//循环这个数组，

     Object.keys(njson).forEach(function(key){//遍历对象，进行对比，如果相同就删除

        //console.log(key,njson[key])//key是键，njson[key]是值，根据自己需求决定要怎么删除  

        if(index55[i] == njson[key] ){//这里是对比的是值，既值相同就删除

            delete njson[key]

        }

    })

   

}

console.log(njson)

 

javaScript遍历数组总结

 

var arr=[1,2,3,4];

arr.forEach(function(val, index) {

console.log(val, index);
});

2、使用for..in..遍历

var arr=["张三","李四","王五","赵六"]; for (var i in arr){ console.log(i,":",arr[i]); }

var arr=["aa","bb","cc","dd"]; //创建数组

arr.unshift("unsh","ift");//向数组中添加数据，添加的数据会在数组的开头

arr.push("pu","sh");// 向数组中添加数据，数据会在数组的结尾

let arr1 =  arr.concat("con","cat")// 向数组中添加数据，数据会在数组的结尾,concat（）会生成新的数组，需要用一个变量接收

//array.splice(index,howmany,item1,.....,itemX)的第1个参数index为指定起始下标位置；第2个参数howmany指定应该删除的元素数目，当值设置为0时，就会不执行删除操作；这样就可以通过第3个及后面参数item1,.....,itemX来插入一个或多个元素。

arr.splice(1,0,"spl","ice")//第二个参数设置为了0 所以会向数组添加后面的数据

 

 

//删除指定数组元素，使用splice 方法制作一个方法，传入数组和要删除的内容。

function removeByValue(arr, val) {//这个方法会从传来的数组中删除传来的指定内容

        for(var i = 0; i < arr.length; i++) {

            if(arr[i] == val) {

            arr.splice(i, 1);

            break;

            }

        }

        }

  removeByValue(arr, "spl");

  console.log(arr)

　　console.log(arr1)

　　console.log(arr)

　　//使用for...in遍历数组

　　for(var i in arr){

　　console.log(i,":",arr[i])

　　}

njson["cc"] ="33"

3、使用for-of遍历
     不仅支持数组，还支持大多数类数组对象，例如DOM NodeList对象.
     也支持字符串遍历，它将字符串视为一系列的Unicode字符来进行遍历.

var arr=["张三","李四","王五","赵六"];
for (var value of arr){
    console.log(value);
}