美文网首页
54.2-对象操作

54.2-对象操作

作者: BeautifulSoulpy | 来源:发表于2020-06-02 09:53 被阅读0次

    这世界上,每个人都能够以不同的方式去生活。正所谓天无绝人之路,条条大路通向快乐人生。世外桃源是存在的,就看你想以怎样的方式生活。古人道“有境界者,则自成高格”,人生最高的境界,其实就是纯真自然!

    1. 对象的操作

    Object的静态方法 描述
    Object.keys(obj) ES5开始支持。返回所有key
    Object.values(obj) 返回所有值,试验阶段,支持较差
    Object.entries(obj) 返回所有值,试验阶段,支持较差
    Object.assign(target, ...sources) 使用多个source对象,插入赋值()来填充target对象,返回target对象
    var obj = {
        a:1,
        b:2,
        c:3
    }
    
    console.log(Object.keys(obj),Object.values(obj))
    console.log(Object.entries(obj),Object.assign({d:100},obj,{f:200,a:2000}))
    #------------------------------------------------------------------------
    [ 'a', 'b', 'c' ] [ 1, 2, 3 ]
    [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ] { d: 100, a: 2000, b: 2, c: 3, f: 200 }
    
    
    // assign
    var metadata = {
        title: "Scratchpad",
        translations: [
            {
                locale: "de",
                localization_tags: [],
                last_edit: "2014-04-14T08:43:37",
                url: "/de/docs/Tools/Scratchpad",
                title: "JavaScript-Umgebung"
            }
        ],
        url: "/en-US/docs/Tools/Scratchpad"
    };
    var copy = Object.assign({}/*目标对象*/, metadata,
        { schoolName: 'magedu', url: 'www.magedu.com' }/*增加新的属性,覆盖同名属性*/,
        { translations: null } /*覆盖metadata的translations*/
    );
    console.log(copy);
    #------------------------------------------------------------------
    { title: 'Scratchpad',
      translations: null,
      url: 'www.magedu.com',
      schoolName: 'magedu' }
    

    相关文章

      网友评论

          本文标题:54.2-对象操作

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