对象的方法0209

1.Object.getPrototypeOf()

定义:方法返回指定对象的原型

语法

Object.getPrototypeOf(object)
Object.getPrototypeOf(对象名)

参数
要返回其原型的对象

返回值
给定对象的原型。如果没有继承属性,则返回null

示例

const obj1 = {
            x:1,
            y:2
        }
        console.log(Object.getPrototypeOf(obj1))

2.Object.keys()

定义:

  • 该⽅法返回⼀个数组
  • 该数组包含给定对象的⾃身 可枚举属性名
    • ⾃身属性
    • 可枚举属性

key是什么

const obj = {
key: value
}

key: 属性名
Value: 属性值

示例

//Object.keys()
const obj = {
x:1,
y:2
}
//在obj的原型对象身上添加⼀个z:3
obj.__proto__.z = 3 //⾮标准⽅法
Object.getPrototypeOf(obj).w = 4//可以拿到obj的原型对象
console.log(obj.__proto__);
//可枚举属性:字⾯量法创建的对象属性都是可枚举的。
//⾃身属性:直接定义在对象上的属性就是⾃身属性。与继承属性对应

//Object.keys()
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
const arr = Object.keys(obj)
console.log(arr);

3.Object.values()

定义:

  • 该⽅法返回⼀个数组
  • 该数组包含给定对象的⾃身 可枚举属性值

示例

//Object.values()
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
const arr = Object.values(obj)
console.log(arr);//125

4.Object.entries()

定义:

  • 该⽅法返回⼀个数组
  • 该数组包含给定对象的⾃身 可枚举属性名和属性值

示例

const obj = {
            x:1,
            y:2
        }
        obj.o = 5
        obj.__proto__.z = 3
        Object.getPrototypeOf(obj).w = 4
        console.log(obj.__proto__)
        // const arr = Object.keys(obj)
        // const arr = Object.values(obj)
        const arr = Object.entries(obj)
        console.log(arr)//0: Array [ "x", 1 ]
                                 //1: Array [ "y", 2 ]
                                 //2: Array [ "o", 5 ]

5.Object.hasOwnProperty()

定义:检测⼀个属性是否是⾃身属性

返回值:布尔值
- true :表示该属性是对象的⾃身属性
- False: 表示该属性不是对象的⾃身属性

语法

obj.hasOwnProperty(prop)
对象.hasOwnProperty(属性名)

示例

//Object.hasOwnProperty()检查的⼀个属性是否是⾃身属性
        const obj = {
            x: 1,
            y: 2
        }
        obj.o = 5
        obj.__proto__.z = 3
        Object.getPrototypeOf(obj).w = 4
        //语法:对象.hasOwnProperty(属性名)
        const r1 = obj.hasOwnProperty('o')//true
        const r2 = obj.hasOwnProperty('w')//false
        console.log(r1, r2);

6.Object.prototype.propertyIsEnumerable()

定义:该⽅法⽤于检测⾃身属性是否可枚举。

返回值:布尔值
- true
- false

语法

obj.propertyIsEnumerable(prop)

示例

//obj.propertyIsEnumerable(prop)
        const obj = {
            x: 1,
            y: 2,
            z: 3,
        }
        //请把y改成不可枚举 > 修改enumerable属性 > Object.defineProperty()
        Object.defineProperty(obj, 'y', {
            enumerable: false
        })
        const r1 = obj.propertyIsEnumerable('x')
        const r2 = obj.propertyIsEnumerable('y')
        console.log(r1, r2);//true false

7.Object.assign()

定义: Object.assign() ⽅法将所有可枚举属性从⼀个对象复制到另⼀个对象。

返回值:修改后的对象。

语法:

Object.assign(obj1,obj2)

obj1: ⽬标对象
obj2:源对象

const obj1 = { x: 1,y:5}
const obj2 = { y: 2, z: 3 }
obj2.__proto__.w = 4
Object.assign(obj1,obj2)
console.log(obj1) //输出{x:1,y:2,z:3}

对象的拷⻉

示例: 把obj2的属性复制到obj1⾥⾯

const obj1 = {x:1}
        const obj2 = {y:2,z:3}
        //赋值obj2的属性到obj1中
        // 1使用遍历做:①迭代for...of ②枚举for...in

        // 1.方法for...in不合适
        for(key in obj2){
            obj1[key] = obj2[key]
        }

        // 2.方法for...of
        for(key of Object.keys(obj2)){
            obj1[key] = obj2[key]
        }

        // 3.Object.assign()
            Object.assign(obj1,obj2)

        console.log(obj1)//输出{x:1,y:2,z:3}

Symbol

  • Symbol是⼀种基本数据类型
  • Symbol是原始值
//1. Number(任意)=>原始值 2. new Number(任意)=>对象
        const n1 = Number(100)
        const n111 = Number(100)
        console.log(n1 === n111);//true
        const n2 = Number()
        console.log(n2);//0
        const n3 = Number(Infinity)
        console.log(n3);//Infinity
        const n4 = Number(NaN)
        console.log(n4);//NaN
        const n5 = Number('100')
        console.log(n5);//100
        const n6 = Number('abc')
        console.log(n6);//NaN
        const n7 = Number({x:1})
        console.log(n7);//NaN
        const n8 = Number([])
        console.log(n8);//0

       //1.String(任意) =>原始值 2.new String(任意) =>对象
        const str1 = String('hello')
        const str2 = String('hello')
        console.log(str1 === str2);//true
        //Symbol(字符串) 返回⼀个具有唯⼀性的标识符
        const sym1 = Symbol()
        const sym2 = Symbol()
        console.log(sym1 === sym2);//false
        // const sym3 = new Symbol() //报错
        const sym3 = Symbol()
        const sym4 = Symbol()
        const obj = {
            x: 1,
            y: 10,
            [sym3]: 'hello',
            [sym4]: 'world'
        }
        console.log(obj[sym3]);//hello
        console.log(obj[sym4]);//world

BigInt

含义:BigInt表示任意⼤的整数。

语法

//字⾯法定义bigint
const bi1 = 10000000000n
//内置函数法
const bi2 = BigInt(1000000);//1000000n
const bi2 = BigInt('1000000');//1000000n

⽤法
1symbol之间可以做运算
2不可以使⽤math⽅法
3不能和number混合运算
4bigint可以和number做⽐较

示例

//BigInt表示任意⼤的整数
const b1 = -10n
//BigInt表示任意⼤的整数
        const b1 = -10n
        const b2 = BigInt(20)
        console.log(b2);//20n
        console.log(b1 + b2);//30n①可以做symbol运算
        console.log(typeof b1);//bigint
        //console.log(Math.abs(b1));//②不可以使⽤math⽅法
        // console.log(b2 + 20);//③不能和number混合运算
        console.log(20n === 20);
        console.log(20n == 20);//④bigint可以和number做⽐较

        //题
        const bi1 = bigInt(100n)//报错
        const bi2 = BigInt(100)//100n
        const bi3 = BigInt(100n)//100n
        const bi7 = BigInt('100')//100n
        const bi4 = bigInt(100)//报错
        const bi5 = bigInt('100')//报错
        const bi6 = BigInt('100n')//报错
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,784评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,745评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,702评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,229评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,245评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,376评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,798评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,471评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,655评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,485评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,535评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,235评论 3 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,793评论 3 304
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,863评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,096评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,654评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,233评论 2 341

推荐阅读更多精彩内容