54.2-对象操作

2020-06-02  本文已影响0人  BeautifulSoulpy

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

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' }
上一篇下一篇

猜你喜欢

热点阅读