JS基础回顾:对象

作者: 越IT | 来源:发表于2017-02-20 23:06 被阅读18次

JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。

【示例一】:

var xiaoming = {
    name: '小明',
    birth: 1990,
    school: 'No.1 Middle School',
    height: 1.70,
    weight: 65,
    score: null
};

JavaScript用一个{...}表示一个对象键值对以xxx: xxx形式申明,用,隔开

【注意】:最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。

【示例二】:

var xiaohong = {
    name: '小红',
    'middle-school': 'No.1 Middle School'
};

xiaohong的属性名middle-school不是一个有效的变量,就需要用' '括起来。访问这个属性也无法使用.操作符,必须用['xxx']来访问

也可以用xiaohong['name']来访问xiaohong的name属性,不过xiaohong.name的写法更简洁。我们在编写JavaScript代码的时候,属性名尽量使用标准的变量名,这样就可以直接通过object.prop的形式访问一个属性了。

实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。

JavaScript规定,访问不存在的属性不报错,而是返回undefined

由于JavaScript的对象是动态类型,你可以自由地给一个对象添加或删除属性

【示例】:

检测xiaoming是否拥有某一属性,可以用in操作符:

【注意】不过要小心,如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的:

要判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:

廖雪峰对象:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449922400335c44d4b8c904ff29a78fd4334347131000

相关文章

  • JS基础回顾:对象

    JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。 【示例一】: JavaScript用一个...

  • JS基础回顾-对象

    前提:默认已经熟悉js原型链。 1.对象设置get 和set的方法 2.Object.assign(target目...

  • JS基础

    JS基础 JS运算 JS代码块 JS对象 原型对象 GC 正则表达式

  • 发现•分享—2019-01-17

    文章 JS JS 异步编程六种方案 JS基础—原型对象的那些事(一) JS基础—原型对象的那些事(二) CSS 综...

  • 5-1 从基础知识到JSWebAPI

    回顾js基础知识 JS-web-API 总结 回顾js基础知识 变量类型和计算 原型和原型链 闭包与作用域 异步和...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • JS基础回顾

    数据类型 Number :不分整数、浮点数字符串:单引号、双引号布尔:true false运算符:&& 、 ||...

  • js对象及其方法

    1.对象MDN文档2.JS基础--JS对象及其基本用法3.JavaScript 对象所有API解析

  • html基础 持续更新

    html js 基础 js 常见获取dom对象的方法 getElementById() getElementByN...

  • Dom

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

网友评论

    本文标题:JS基础回顾:对象

    本文链接:https://www.haomeiwen.com/subject/npqywttx.html