对象的方法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')//报错
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容