JavaScript从放弃到入门（二）| JS语法之对象

目录

前言

1 标准对象

2 Date

2.1 Date的创建和使用

3 JSON

3.1 json的语法格式

3.2 JSON使用

前言

JS作为一门灵感源于java的语言，也有对象的概念。

• JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

• 在 JavaScript 中，对象是拥有属性和方法的数据。

1 标准对象

JavaScript的一些基本的对象类型，在JavaScript中，所有数据类型都是对象，我们可以使用typeof 对象的方式来知道对象类型

typeof 123; // 'number' 
typeof NaN; // 'number' 
typeof 'str'; // 'string' 
typeof true; // 'boolean' 
typeof undefined; // 'undefined' 
typeof Math.abs; // 'function' 
typeof null; // 'object' 
typeof []; // 'object' 
typeof {}; // 'object'

实际上，我们自定义的peoson类默认继承object类，它的本质是一个object

typeof person
"object"

2 Date

• Date对象是 JavaScript 原生的时间库。它以国际标准时间（UTC）1970年1月1日00:00:00作为时间的零点

2.1 Date的创建和使用

var now = new Date()；
now；    //Date Mon May 17 2021 09:40:30 GMT+0800 (中国标准时间)
now.getFullYear()；  //2021
now.getMonth()； //5
now.getDate()；  //17
now.getTime()；  //时间戳 1621215630639

其它的一些方法不一一概述.

1. 时区的转换

我们可以通过时间戳来new一个Date对象，然后再改变它的时区

   var d=new Date(now.getTime())；
   d.toLocaleString()；  //"2021/5/17 上午9:40:30"本地时区 东八区
   d.toGMTString()； //"Mon, 17 May 2021 01:40:30 GMT" //GMT时间标准时

1. 自定义时间格式

   我们想要显示时间格式类似于：yyyy-MM-dd

   在原生js当中，我们只能通过字符串拼接来实现这一功能。

   function MyDate(date) {
           return date.getFullYear()+"-"+
                   date.getMonth()+"-"+
                   date.getDate()
       }
   MyDate(new Date());
   2021-5-17

3 JSON

• JSON：JavaScript 对象表示法（JavaScript Object Notation）。

• JSON 是存储和交换文本信息的语法。类似 XML。

• JSON 比 XML 更小、更快，更易解析。

• JSON 语法是 JavaScript 语法的子集

3.1 json的语法格式

• 数据键值对形式表示

• 对象用大括号

• 数组用中括号

对象格式：

{name: "Alicy", age: 12, adr: "china"}

json格式：

{"name":"Alicy","age":12,"adr":"china"} //对象格式的json
// 数组格式的json
[{"name":"Alicy","age":12,"adr":"china"},
 {"name":"Alicy","age":12,"adr":"china"},
 {"name":"Alicy","age":12,"adr":"china"}]

3.2 JSON使用

JSON和对象前端中互转

• 将对象和对象数组转换为JSON格式

  var person = {
          name: "Alicy",
          age: 12,
          adr: "china"
      };
  var listperson = [person,person,persion];
  ​
  var json1 = JSON.stringify(person)         //对象转json
  var listjson = JSON.stringify(listperson); //数组转json

• 将JSON格式转换为对象

  var person1 = JSON.parse(json1);           //json转对象
  var listperson2 = JSON.parse(listjson);    //json转数组