js对象写入键值对_javascript：如何创建对象？

大家好，我是专注于前端开发，前端入门，精神可爱的前端小学妹，本期为大家带来的Web前端学习知识是”javascript：如何创建对象？“，喜欢Web前端的朋友，一起看看吧！

主要内容：

1. 对象的创建
2. 键名和键值
3. 对象的引用
4. Math对象
5. Date对象

学习目标：

为什么要使用对象？

因为对象能帮我们解决一些复杂的问题

一、对象概述

在JavaScript 中的所有事物都是对象：字符串（new String）、布尔(new Boolean())、数值(Number)、数组(Array)、函数(Function)等。

1.1 什么是类

类：就是具有相同的属性和方法的集合。人类，动物类，家电类等。

1.2 什么是对象

对象：就类中的一个具体的实物。人类-具体某一个人（张三丰）。

动物类-(一个具体的动物-东北虎)，家电类-（具体一个比如说电视。）

js 中我们包含哪些对象呢？

1. 内置对象（本地对象）：Math对象，Number对象，Date对象等，系统给我们提供好的，我们拿过来用就可以了。
2. 宿主对象：dom（文档对象模型）,bom(浏览器对象)。
3. 自定义对象：我们自己定义和开发的对象。

二、对象的创建（重点）

2.1 怎样创建对象

语法：var obj = { key : value };

上面代码定义了一个对象，它被赋值给变量obj。

key是“键名”

value是“键值”

ps:如果对象内部包含多个键值对，每个键值对之间用逗号分隔。最后一个键值对末尾不用加逗号

var obj = {key1:value1,key2:value2};

2.2 对象的构成

对象是JavaScript的核心概念，也是最重要的数据类型。JavaScript的所有数据都可以被视为对象。此外，JavaScript 允许自定义对象。

对象（object）是大括号定义的无序的数据集合，由键值对构成，键名，键名与键值之间用冒号分隔，大括号末尾要使用分号表示对象定义结束。

2.3 创建对象

a.直接使用大括号创建对象

b.使用new命令生成一个Object对象的实例

c.使用Object.create方法创建对象

var obj1 = {};

var obj2 = new Object();

var obj3 = Object.create(null);

Object是在javascript中一个被我们经常使用的类型，而且JS中的所有对象都是继承自Object对象的

三、对象的键名和键值（重点）

3.1关于键名

键名也被称为属性(property)，对象的所有属性都是字符串，所以加不加引号都可以。

因此上面的代码也可以写成下面这样：

var obj = { 'key': value };

但是，如果属性不符合标识符的条件(比如第一个字符为数字，或者含有空格或运算符)，则必须加上引号。

var obj = {

'1p': "Hello World",

'h w': "Hello World",

'p+q': "Hello World"

};

上面对象的三个属性，都不符合标识名的条件，所以必须加上引号。

ps:JavaScript的保留字可以不加引号直接当作对象的属性。

3.2关于键值

键值是属性所对应的具体的值。javascript的对象的键值可以是任何数据类型。

var frank = {

name: "Frankenstein Add",

age: 18,

sex: "male"

ability: