对象的方法

数据类型

Symbol

  • Symbol是一种基本数据类型
  • Symbol是原始值

示例

//1. Number(任意)=>原始值 2. new Number(任意)=>对象
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(任意) =>对象
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]);
console.log(obj[sym4]);

BigInt

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

语法

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

用法

  • 1.symbol之间可以做运算
  • 2.不可以使用math方法
  • 3.不能和number混合运算
  • 4.bigint可以和number做比较

示例

//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)
const bi3 = BigInt(100n)
const bi7 = BigInt('100')
const bi4 = bigInt(100)
const bi5 = bigInt('100')
const bi6 = BigInt('100n')

对象的方法

Object.getPrototypeOf()

定义:方法返回指定对象的原型(内部[[Prototype]]属性的值)。

语法

Object.getPrototypeOf(object)

返回值

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

示例

var proto = {};
var obj = Object.create(proto);
Object.getPrototypeOf(obj) === proto; // true

var reg = /a/;
Object.getPrototypeOf(reg) === RegExp.prototype; // true

  1. 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);

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);
  1. Object.entries()

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

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);

Object.prototype.propertylsEnumerable()

定义:该方法用于检测自身属性是否可枚举。

返回值:布尔值

  • 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);

对象的拷贝

示例:把obj2的属性复制到obj1里面

const obj1 = {x:1}
const obj2 = {y:2,z:3}
//过程

console.log(obj1) //输出{x:1,y:2,z:3}
  1. 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}

总结

  • 七个方法

  • 复制对象属性的三种方法的区别

  • 加深了对for...in的理解

  • 如何为字面量对象的原型添加属性

    • __proto__
    • Object.getPrototypeOf()
  • 什么是自身属性和继承属性

    • 定义的对象原型上的属性是继承属性
    • 直接定义在对象上的属性是自身属性
  • 复习了如何修改对象的可枚举属性

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

推荐阅读更多精彩内容