JS对象

作者: 董二干先生 | 来源:发表于2019-05-16 10:53 被阅读0次

简单说,所谓对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。

var obj = {
  p: 'Hello World'
};

上面大括号就定义了一个对象,被赋值给obj,这个对象包含一个键值对,p是键名,Hello World是键值,键名与键值之间用冒号分隔。如果对象内部包含多个键值对,每个键值对之间用逗号分隔。

键名

对象的所有键名都是字符串,所以加不加引号都可以。

var obj = {
  'p': 'Hello World'
};

写成这样也可以。
如果键名是数值,会被自动转为字符串。

var o ={
  1: 'a',
  3.2: 'b',
  1e2: true,
  1e-2: true,
  .234: true,
  0xFF: true
};

o
// Object {
//   1: "a",
//   3.2: "b",
//   100: true,
//   0.01: true,
//   0.234: true,
//   255: true
// }

但是,如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),也不是数字,则必须加上引号,否则会报错。

var o = {
  '1p': "Hello World",
  'h w': "Hello World",
  'p+q': "Hello World"
};

属性

对象的每一个“键名”又称为“属性”(property),它的“键值”可以是任何数据类型。

对象的引用

如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。

var o1 = {};
var o2 = o1;

o1.a = 1;
o2.a // 1

o2.b = 2;
o1.b // 2

上面代码中,o1和o2指向同一个对象,因此为其中任何一个变量添加属性,另一个变量都可以读写该属性。

此时,如果取消某一个变量对于原对象的引用,不会影响到另一个变量。

var o1 = {};
var o2 = o1;

o1 = 1;
o2 // {}

上面代码中,o1和o2指向同一个对象,然后o1的值变为1,这时不会对o2产生影响,o2还是指向原来的那个对象。

但是,这种引用只局限于对象,对于原始类型的数据则是传值引用,也就是说,都是值的拷贝。

读取属性

读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。

var o = {
  p: 'Hello World'
};

o.p // "Hello World"
o['p'] // "Hello World"

如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。数值键名不能使用点运算符(因为会被当成小数点),只能使用方括号运算符。

属性的赋值

点运算符和方括号运算符,不仅可以用来读取值,还可以用来赋值。

o.p = 'abc';
o['p'] = 'abc';

查看所有属性

查看一个对象本身的所有属性,可以使用Object.keys方法。

var o = {
  key1: 1,
  key2: 2
};

Object.keys(o);
// ['key1', 'key2']

delete命令

delete命令用于删除对象的属性,删除成功后返回true。

var o = {p: 1};
Object.keys(o) // ["p"]

delete o.p // true
o.p // undefined
Object.keys(o) // []

JSON格式

JSON 格式(JavaScript Object Notation 的缩写)是一种用于数据交换的文本格式,2001年由 Douglas Crockford 提出,目的是取代繁琐笨重的 XML 格式。

JSON 对值的类型和格式有严格的规定。

1.复合类型的值只能是数组或对象,不能是函数、正则表达式对象、日期对象。
2.简单类型的值只有四种:字符串、数值(必须以十进制表示)、布尔值和null(不能使用NaN, Infinity, -Infinity和undefined)。
3.字符串必须使用双引号表示,不能使用单引号。
4.对象的键名必须放在双引号里面。
5.数组或对象最后一个成员的后面,不能加逗号。

JSON.stringfy()

JSON.stringify方法用于将一个值转为字符串。该字符串符合 JSON 格式,并且可以被JSON.parse方法还原。

JSON.stringify('abc') // ""abc""
JSON.stringify(1) // "1"
JSON.stringify(false) // "false"

需要注意的是,对于原始类型的字符串,转换结果会带双引号。

JSON.stringify('foo') === "\"foo\""

上面代码中,字符串foo,被转成了""foo""。这是因为将来还原的时候,双引号可以让 JavaScript 引擎知道,foo是一个字符串,而不是一个变量名。
如果原始对象中,有一个成员的值是undefined、函数或 XML 对象,这个成员会被过滤。

JSON.parse()

JSON.parse方法用于将JSON字符串转化成对象。

JSON.parse('{}') // {}
JSON.parse('true') // true
JSON.parse('"foo"') // "foo"

相关文章

网友评论

      本文标题:JS对象

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