Object.entries()

1.什么是entry

entries() 方法返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。

2.示例

1. Object.entries()
   传入对象

   const obj = { foo: 'bar', baz: 42 };
   Object.entries(obj)
   //输出 [ ["foo", "bar"], ["baz", 42] ]

2. Array.entries()
   传入数组

   const arr = ['a', 'b', 'c']; 
   console.log(Object.entries(arr));  
   // [[ '0', 'a' ], [ '1', 'b' ], [ '2', 'c' ] ]
   
   const arr1 = [{ a: 1 }, 2, 3]; 
   console.log(Object.entries(arr1));  
   // [['0', { a: 1 }], ['1', '2'], ['2', '3']]
   
   const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }]; 
   console.log(Object.entries(arr2));  
   // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
   

3. 将 Object 转化为 Map
   new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map:

   const obj2 = { foo: 'bar', baz: 'abc' }; 
   console.log(Object.entries(obj2));  // [['foo', 'bar'], ['baz', 'abc']]
   const map = new Map(Object.entries(obj2)); 
   console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}

3. arr.entries()

1. 返回一个新的 Array 迭代器对象。Array Iterator是对象，它的原型（__proto__:Array Iterator）上有一个next方法，可用用于遍历迭代器取得原数组的[key,value]。

   var array1 = ['a', 'b', 'c'];
   
   var iterator1 = array1.entries();
   
   console.log(iterator1.next().value);
   // expected output: Array [0, "a"]
   
   console.log(iterator1.next().value);
   // expected output: Array [1, "b"]

2. Array Iterator

   var arr = ["a", "b", "c"];
   var iterator = arr.entries();
   console.log(iterator);
   
   /*Array Iterator {}
            __proto__:Array Iterator
            next:ƒ next()
            Symbol(Symbol.toStringTag):"Array Iterator"
            __proto__:Object
   */

3. iterator.next()

   var arr = ['a', 'b', 'c'];
   var iterator = arr.entries();
   console.log(iterator.next());
   // { value: [ 0, 'a' ], done: false }
   
   // iterator.next()返回一个对象，对于有元素的数组，
   // 是next{ value: Array(2), done: false }；
   // next.done 用于指示迭代器是否完成：在每次迭代时进行更新而且都是false，
   // 直到迭代器结束done才是true。
   // next.value是一个["key","value"]的数组，是返回的迭代器中的元素值。

4. iterator.next方法运行

   var arr = ["a", "b", "c"];
   var iter = arr.entries();
   var a = [];
   
   // for(var i=0; i< arr.length; i++){   // 实际使用的是这个 
   for(var i=0; i< arr.length+1; i++){    // 注意，是length+1，比数组的长度大
       var tem = iter.next();             // 每次迭代时更新next
       console.log(tem.done);             // 这里可以看到更新后的done都是false
       if(tem.done !== true){             // 遍历迭代器结束done才是true
           console.log(tem.value);
           a[i]=tem.value;
       }
   }
       
   console.log(a);
   
   // false
   // [ 0, 'a' ]
   // false
   // [ 1, 'b' ]
   // false
   // [ 2, 'c' ]
   // true
   // [ [ 0, 'a' ], [ 1, 'b' ], [ 2, 'c' ] ]

5. 二维数组按行排序

   function sortArr(arr) {
       var goNext = true;
       var entries = arr.entries();
       while (goNext) {
           var result = entries.next();
           if (result.done !== true) {
               result.value[1].sort((a, b) => a - b);
               goNext = true;
           } else {
               goNext = false;
           }
       }
       return arr;
   }
   
   var arr = [[1,34],[456,2,3,44,234],[4567,1,4,5,6],[34,78,23,1]];
   sortArr(arr);

6. 使用for…of 循环

    var arr = ["a", "b", "c"];
    var iterator = arr.entries();
    // undefined
    
    for (let e of iterator) {
        console.log(e);
    }
    
    // [0, "a"] 
    // [1, "b"] 
    // [2, "c"]