JS-对象的方法和数据类型

object.keys()

  • 返回值:该方法返回一个数组
  • 该数组包含给对象的自身可枚举属性名
    • 自身属性:直接定义在对象上的属性就是自身属性。与继承属性相对应。
    • 可枚举属性:字面量法创建的对象属性都是可枚举的
      语法
Object.keys(对象名)

key是什么

  • key:是属性名

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

object.entries()

  • 该方法返回一个数组
  • 该数组包含给对象的自身可枚举属性名和属性值
  • 自身属性:直接定义在对象上的属性就是自身属性。与继承属性相对应。
  • 可枚举属性:字面量法创建的对象属性都是可枚举的

属性的检测

1.如何检测一个属性是否是自身属性
2.如何检测一个属性是否可枚举

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

object-hasownproperty()

定义:检测一个属性是否是自身属性
返回值:布尔值

  • true:表示该属性是对象的自身属性
  • false:表示该属性
    语法
obj-hasownproperty(prop)
obj.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.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);

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}

数据类型

Symbol是一种基本数据类型

  • Symbol是原始值

Biglnt

Biglnt表示任意大的整数。
定义:

  • Biglnt是一种内置函数
  • 表示所有的整数
  • 不支持new调用
    返回值:返回一个bigint类型的整数
    语法:
//字面量法定义bigint
const bi1 = 10000000n
//不能定义小数

//内置函数法
const bi2 = BigInt(1000000);1000000n
const bi2 = BigInt('1000000');//1000000n

⽤法

  • 1.symbol之间可以做运算
  • 2.不可以使⽤math⽅法
    1. 不能和number混合运算
  • 4.bigint可以和number做⽐较
    示例:
        //BigInt表示任意大的整数
        const b1 = 10n
        const b2 = BigInt(20)

        console.log(b1)
        console.log(b2)
        console.log(b1 + b2)
        console.log(typeof b1)
        //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 bi4 = BigInt('100')

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

对象的拷贝

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

const obj1 = {x:1}
const obj2 = {y:2,z:3}
for(key of Object.keys(obj2)){
  obj1[key] = obj2[key]
}

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

什么是⾃身属性和继承属性?

  • 定义在对象原型上的属性是继承属性
  • 直接定义在对象上的属性是⾃身属性

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

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

推荐阅读更多精彩内容

  • 1.this的指向 1)函数的调用方式发生改变会导致this的指向发生改变 (1)函数作为对象的方法调用 t...
    doudouY075阅读 286评论 0 0
  • 红宝书阅读笔记,内容包括:1.对象、对象属性2.创建对象的三种模式3.继承的六种实现方法 对象的属性 属性分为两种...
    kikaro阅读 441评论 0 0
  • (一) set 数据结构 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。...
    woow_wu7阅读 1,080评论 1 1
  • JavaScript 继承机制的设计思想就是,原型对象的所有属性和方法,都能被实例对象共享。所以我们只要改变对象的...
    Kevin丶CK阅读 283评论 0 1
  • 5继承 5.1 类、超类和子类 重用部分代码,并保留所有域。“is-a”关系,用extends表示。 已存在的类被...
    我快要上天啦阅读 788评论 1 3