數(shù)據(jù)類型
Symbol
- Symbol是一種基本數(shù)據(jù)類型
- Symbol是原始值
示例
//1. Number(任意)=>原始值 2. new Number(任意)=>對(duì)象
const n1 = Number(100)
const n111 = Number(100)
console.log(n1=== n111);//
// const n2 = Number()
// console.log(n2);
// const n3 = Number(Infinity)
// console.log(n3);
// const n4 = Number(NaN)
// console.log(n4);
// const n5 = Number('100')
// console.log(n5);
// const n6 = Number('abc')
// console.log(n6);
// const n7 = Number({x:1})
// console.log(n7);
// const n8 = Number([])
// console.log(n8);
//1.String(任意) =>原始值 2.new String(任意) =>對(duì)象
const str1 = String('hello')
const str2 = String('hello')
console.log(str1 === str2);//true
//Symbol(字符串) 返回?個(gè)具有唯?性的標(biāo)識(shí)符
const sym1 = Symbol()
const sym2 = Symbol()
console.log(sym1 === sym2);//false
// const sym3 = new Symbol() //報(bào)錯(cuò)
const sym3 = Symbol()
const sym4 = Symbol()
const obj = {
x:1,
y:10,
[sym3]: 'hello',
[sym4]: 'world'
}
console.log(obj[sym3]);
console.log(obj[sym4]);
BigInt
含義：BigInt表示任意大的整數(shù)。
語(yǔ)法
//字?法定義bigint
const bi1 = 10000000000n
//內(nèi)置函數(shù)法
const bi2 = BigInt(1000000);//1000000n
const bi2 = BigInt('1000000');//1000000n
用法
- 1.symbol之間可以做運(yùn)算
- 2.不可以使用math方法
- 3.不能和number混合運(yùn)算
- 4.bigint可以和number做比較
示例
//BigInt表示任意?的整數(shù)
const b1 = -10n
const b2 = BigInt(20)
console.log(b2);//20n
console.log(b1 + b2);//30n①可以做symbol運(yùn)算
console.log(typeof b1);//bigint
//console.log(Math.abs(b1));//②不可以使?math?法
// console.log(b2 + 20);//③不能和number混合運(yùn)算
console.log(20n === 20);
console.log(20n == 20);//④bigint可以和number做?較
const bi1 = bigInt(100n)
const bi2 = BigInt(100)
const bi3 = BigInt(100n)
const bi7 = BigInt('100')
const bi4 = bigInt(100)
const bi5 = bigInt('100')
const bi6 = BigInt('100n')
對(duì)象的方法
Object.getPrototypeOf()
定義：方法返回指定對(duì)象的原型（內(nèi)部[[Prototype]]屬性的值）。
語(yǔ)法
Object.getPrototypeOf(object)
返回值
給定對(duì)象的原型。如果沒(méi)有繼承屬性，則返回null。
示例
var proto = {};
var obj = Object.create(proto);
Object.getPrototypeOf(obj) === proto; // true
var reg = /a/;
Object.getPrototypeOf(reg) === RegExp.prototype; // true
-
Object.keys()
- 該方法返回一個(gè)數(shù)組
- 該數(shù)組包含給定對(duì)象的自身可枚舉屬性名
- 自身屬性
- 可枚舉屬性
key是什么
const obj = {
key: value
}
- key：屬性名
- Value：屬性值
示例
//Object.keys()
const obj = {
x:1,
y:2
}
//在obj的原型對(duì)象身上添加?個(gè)z:3
obj.__proto__.z = 3 //?標(biāo)準(zhǔn)?法
Object.getPrototypeOf(obj).w = 4//可以拿到obj的原型對(duì)象
console.log(obj.__proto__);
//可枚舉屬性：字?量法創(chuàng)建的對(duì)象屬性都是可枚舉的。
//?身屬性：直接定義在對(duì)象上的屬性就是?身屬性。與繼承屬性對(duì)應(yīng)
示例
//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);
Object.values()
- 該方法返回一個(gè)數(shù)組
- 該數(shù)組包含給定的自身可枚舉屬性值
示例
//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);
-
Object.entries()
- 該方法返回一個(gè)數(shù)組
- 該數(shù)組包含給定對(duì)象的自身可枚舉屬性名和屬性值
Object.hasOwnproperty()
定義：檢測(cè)一個(gè)屬性是否是自身屬性
返回值：布爾值
- true：表示該屬性是對(duì)象自身屬性
- False：表示該屬性不是對(duì)象的自身屬性
語(yǔ)法
obj.hasOwnproperty(prop)
對(duì)象.hasOwnProperty(屬性名)
示例
//Object.hasOwnProperty()檢查的?個(gè)屬性是否是?身屬性
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
//語(yǔ)法：對(duì)象.hasOwnProperty(屬性名)
const r1 = obj.hasOwnProperty('o')//true
const r2 = obj.hasOwnProperty('w')//false
console.log(r1,r2);
Object.prototype.propertylsEnumerable()
定義：該方法用于檢測(cè)自身屬性是否可枚舉。
返回值：布爾值
- true
- false
語(yǔ)法
obj.propertyIsEnumerable(prop)
示例
//obj.propertyIsEnumerable(prop)
const obj = {
x:1,
y:2,
z:3,
}
//請(qǐng)把y改成不可枚舉 > 修改enumerable屬性 > Object.defineProperty()
Object.defineProperty(obj,'y',{
enumerable:false
})
const r1 = obj.propertyIsEnumerable('x')
const r2 = obj.propertyIsEnumerable('y')
console.log(r1,r2);
對(duì)象的拷貝
示例：把obj2的屬性復(fù)制到obj1里面
const obj1 = {x:1}
const obj2 = {y:2,z:3}
//過(guò)程
console.log(obj1) //輸出{x:1,y:2,z:3}
-
Object.assign()
定義：object.assign()方法將所有可枚舉屬性從一個(gè)對(duì)象復(fù)制到另一個(gè)對(duì)象。
返回值：修改后的對(duì)象
語(yǔ)法
object.assign(obj1,obj2)
- obj1：目標(biāo)對(duì)象
- obj2：源對(duì)象
示例
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}
總結(jié)
七個(gè)方法
復(fù)制對(duì)象屬性的三種方法的區(qū)別
加深了對(duì)for...in的理解
-
如何為字面量對(duì)象的原型添加屬性
__proto__- Object.getPrototypeOf()
-
什么是自身屬性和繼承屬性
- 定義的對(duì)象原型上的屬性是繼承屬性
- 直接定義在對(duì)象上的屬性是自身屬性
復(fù)習(xí)了如何修改對(duì)象的可枚舉屬性
