js对象|20

简介: js对象|20

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

JavaScript的对象用于描述现实世界中的某个对象。例如,为了描述“小明”这个淘气的小朋友,我们可以用若干键值对来描述他:

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

JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。

上述对象申明了一个name属性,值是'小明',birth属性,值是1990,以及其他一些属性。最后,把这个对象赋值给变量xiaoming后,就可以通过变量xiaoming来获取小明的属性了:

xiaoming.name; // '小明'
xiaoming.birth; // 1990

访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来:

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

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

xiaohong['middle-school']; // 'No.1 Middle School'
xiaohong['name']; // '小红'
xiaohong.name; // '小红'

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

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

如果访问一个不存在的属性会返回什么呢?JavaScript规定,访问不存在的属性不报错,而是返回undefined:

-----------------------------------

©著作权归作者所有:来自51CTO博客作者goStudyGo的原创作品,请联系作者获取转载授权,否则将追究法律责任

js对象|20

https://blog.51cto.com/wusen/5779865

'use strict';

var xiaoming = {
    name: '小明'
};
相关文章
|
4月前
|
存储 JavaScript 前端开发
js对象学习
js对象学习
30 1
|
JavaScript
js对象案例练习
js对象案例练习
78 0
|
JavaScript
JS 数组的浅复制与深复制
JS 数组的浅复制与深复制
79 0
|
XML JavaScript 前端开发
【JavaScript】DOM对象&JS事件总结&全局函数
本期主要介绍DOM对象&JS事件总结&全局函数
115 0
【JavaScript】DOM对象&JS事件总结&全局函数
|
JSON 前端开发 JavaScript
react + antd 封装通过json数组形式的Form表单
最近在搞react + antd,在弄form表单的时候,觉得没写一次都要重新写一次Form, Form.Item,感觉有些麻烦;就想啊,能不能像vue+element那样通过json配置的方式,实现一个form组件
react + antd 封装通过json数组形式的Form表单
|
JavaScript 程序员
JS对象与原型
JS对象与原型
111 0
|
JavaScript 前端开发
javaScript 对象添加属性和创建js对象的方式
javaScript 对象添加属性和创建js对象的方式
492 0
javaScript 对象添加属性和创建js对象的方式
|
Web App开发 JavaScript 前端开发
js函数、js对象的这些点你真的懂吗?
js函数、js对象的这些点你真的懂吗?
js函数、js对象的这些点你真的懂吗?
|
JavaScript 前端开发
js函数与原型链
js函数与原型链