美文网首页
未知对象key值,获取value(Object.entries使

未知对象key值,获取value(Object.entries使

作者: 爱踢球的jerry | 来源:发表于2019-10-30 15:53 被阅读0次

    1、for in循环

    var obj = {
        aa: 11,
        bb: 22
    }
    for (const key in obj) {
        if (obj.hasOwnProperty(key)) {
            const element = obj[key];
            console.log(element) // 11 22 
        }
    }
    

    2、object.keys()

    var obj = {
        aa: 11,
        bb: 22
    }
    console.log(obj[Object.keys(obj)[0]]) // 11
    console.log(obj[Object.keys(obj)[1]]) // 22
    

    3、Object.values()

    var obj = {
        aa: 11,
        bb: 22
    }
    
    console.log(Object.values(obj)[0]) // 11
    console.log(Object.values(obj)[1]) // 22
    

    4、Object.entries()

    Object.entries() 可以把一个对象的键值以数组的形式遍历出来,结果和 for...in 一致,但不会遍历原型属性。
    
    1、传入对象
    var obj = {
        aa: 11,
        bb: 22
    }
    console.log(Object.entries(obj));  // [["aa", 11]["bb", 22]]
    
    2、传入数组
    const arr = [1, 2, 3]; 
    console.log(Object.entries(arr));  // [['0', 1], ['1', '2'], ['2', '3']]  
    
    3、对象数组
    
    const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }]; 
    console.log(Object.entries(arr2));  // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
    
    4、字符串
    
    const str = '123'; 
    console.log(Object.entries(str));  // [['0', '1'], ['1', '2'], ['2', '3']]
    
    5、数字
    
    const num = 123; 
    console.log(Object.entries(num));  // []
    
    const float1 = 12.3; 
    console.log(Object.entries(float1));  // []
    
    6、将 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'}

    相关文章

      网友评论

          本文标题:未知对象key值,获取value(Object.entries使

          本文链接:https://www.haomeiwen.com/subject/qmoovctx.html