对象

生成方法

  • 对象(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)它不仅遍历对象自身的属性,还遍历继承的属性。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,508评论 0 13
  • 概述 生成方法 对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。 什么是对象?...
    许先生__阅读 286评论 0 1
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,927评论 0 5
  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 1,254评论 0 3
  • 文丨赵自力 九三年七月我考上了麻城市师范学校,九六年七月毕业,离开学校已经二十多年。 我常常回到学校转转,那里留下...
    夏花有约阅读 1,145评论 24 67

友情链接更多精彩内容