javascript 对象

JavaScript 定义对象的属性，有两种方法。

// 方法一
obj.foo = true;

// 方法二
obj['a' + 'bc'] = 123;

上面代码的方法一是直接用标识符作为属性名，方法二是用表达式作为属性名，这时要将表达式放在方括号之内。

但是，如果使用字面量方式定义对象（使用大括号），在 ES5 中只能使用方法一（标识符）定义属性。

var obj = {
  foo: true,
  abc: 123
};

ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。

let propKey = 'foo';

let obj = {
  [propKey]: true,
  ['a' + 'bc']: 123
};

下面是另一个例子。

let lastWord = 'last word';

const a = {
  'first word': 'hello',
  [lastWord]: 'world'
};

a['first word'] // "hello"
a[lastWord] // "world"
a['last word'] // "world"

表达式还可以用于定义方法名。

let obj = {
  ['h' + 'ello']() {
    return 'hi';
  }
};

obj.hello() // hi

注意，属性名表达式与简洁表示法，不能同时使用，会报错。

坑:用数字做key的json对象,如:

jsondata={"1":[{"id":7,"title":"张健  百忍堂","type":"City","device_id":1},{"id":8,"title":"宋玮","type":"Area","device_id":1}],"2":[{"id":5,"title":"M","type":"Province","device_id":2},{"id":4,"title":"张健  百忍堂","type":"City","device_id":2},{"id":3,"title":"宋玮","type":"Area","device_id":2}]}

取值使用:

jsondata[1],jsondata[2]