对象

作者: 挥剑斩浮云 | 来源:发表于2018-02-26 21:36 被阅读0次

生成方法

  • 对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。
  • 什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合
var obj = {
  foo: 'Hello',
  bar: 'World'
};
  • 上面代码中,大括号就定义了一个对象,它被赋值给变量obj,所以变量obj就指向一个对象。该对象内部包含两个键值对(又称为两个“成员”),第一个键值对是foo: 'Hello',其中foo是“键名”(成员的名称),字符串Hello是“键值”(成员的值)。键名与键值之间用冒号分隔。第二个键值对是bar: 'World'bar是键名,World是键值。两个键值对之间用逗号分隔
  • 如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错
// 报错
var obj = {
  1p: 'Hello World'
};

// 不报错
var obj = {
  '1p': 'Hello World',
  'h w': 'Hello World',
  'p+q': 'Hello World'
};
  • 上面对象的三个键名,都不符合标识名的条件,所以必须加上引号
  • 对象的每一个键名又称为“属性”(property),它的“键值”可以是任何数据类型。如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用
var obj = {
  p: function (x) {
    return 2 * x;
  }
};

obj.p(1) // 2
  • 上面代码中,对象obj的属性p,就指向一个函数

delete 命令

  • delete命令用于删除对象的属性,删除成功后返回true
var obj = { p: 1 };
Object.keys(obj) // ["p"]

delete obj.p // true
obj.p // undefined
Object.keys(obj) // []
  • 上面代码中,delete命令删除对象objp属性。删除后,再读取p属性就会返回undefined,而且Object.keys方法的返回值也不再包括该属性
  • 注意,删除一个不存在的属性,delete不报错,而且返回true

in 运算符

  • in运算符用于检查对象是否包含某个属性(注意,检查的是键名,不是键值),如果包含就返回true,否则返回false
  • in运算符的一个问题是,它不能识别哪些属性是对象自身的,哪些属性是继承的
var obj = {};
'toString' in obj // true
  • 上面代码中,toString方法不是对象obj自身的属性,而是继承的属性。但是,in运算符不能识别,对继承的属性也返回true

for…in 循环

  • for...in循环用来遍历一个对象的全部属性
var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
  console.log(obj[i]);
}
// 1
// 2
// 3
  • 下面是一个使用for...in循环,提取对象属性名的例子
var obj = {
  x: 1,
  y: 2
};
var props = [];
var i = 0;

for (var p in obj) {
  props[i++] = p
}

props // ['x', 'y']
  • for...in循环有两个使用注意点
    (1)它遍历的是对象所有可遍历(enumerable)的属性,会跳过不可遍历的属性。
    (2)它不仅遍历对象自身的属性,还遍历继承的属性。

相关文章

网友评论

      本文标题:对象

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