JavaScript对象

Array

• JavaScript中Array对象用于定义数组
• 定义

var 变量名 = new Array(元素列表);//方式一
var arr = new Array(1, 2, 3, 4);

var 变量名 = [元素列表];//方式二
var arr = [1, 2, 3, 4];

• 访问

arr[索引] = 值;
arr[10] = "hello";

• 注意：JavaScript中的数组相当于Java中的集合，数组的长度是可变的，而JavaScript是弱类型，所以可以储存任意类型的数据 
• 属性
• 方法 

箭头函数（ES6）：用来简化函数定义语法

具体形式：(...)=>{...}，如果需要给箭头起名字：var xxx=(...)=>{...}

---

String

• String字符串对象创建方式有两种：

var 变量名 = new String("...");//方式一
var str = new String("Hello String");

var 变量名 = "...";方式二
var str = "Hello String";
var str = 'Hello String';

• 属性 
• 方法

---

JSON

JavaScript自定义对象

• 定义格式

  var 对象名 = {
          属性名1:属性值1,
          属性名2:属性值2,
          属性名3:属性值3,
          函数名: function(形参列表){}
      };

  var user = {
      name: "Tom"
      age:20,
      gender:"male",
      eat: function(){
          alert("用膳~");
  };
  
  var user = {
      name:"Tom",
      age:"20",
      gender:"male"
      eat(){
          alert("用膳~");
  };

• 调用格式

  对象名.属性名;
  console.log(user.name)

  对象名.函数名();
  user.eat();

JSON-介绍

• 概念:JavaScript Object Notation，JavaScript对象标记法。
• JSON 是通过JavaScript 对象标记法书写的文本
• 由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输     

 JSON-基础语法

• 定义

  var 变量名 = '{"key1": value1，"key2" : value2}';
  var userstr ='{"name":"Jerry","age":18,"addr":["北京”,"上海”,"西安"]}';

• JSON字符串转为JS对象

  var jsobject = JSON.parse(userStr);

• JS对象转为JSON字符串

  var jsonStr =soN.stringify(jsObject);

value 的数据类型为:

• 数字(整数或浮点数)
• 字符串(在双引号中)
• 逻辑值(true 或 false)
• 数组(在方括号中)
• 对象(在花括号中)
• nul

---

BOM

• 概念:Browser Obiect Model浏览器对象模型，允许JavaScrint与浏览器对话，lavaScript 将浏览器的各个组成部分封装为对象
• 组成:

1. Window:浏览器窗口对象
2. Navigator:浏览器对象
3. Screen:屏幕对象
4. History:历史记录对象
5. Location:地址栏对象 

Windown

• 介绍：浏览器窗口对象。
• 获取：直接使用window，其中 window.可以省略。

window.alert("Hello window");
alert("Hello window");

• 属性

1. history：对 History 对象的只读引用。
2. location：用于窗口或框架的 Location 对象。
3. navigator：对 Navigator 对象的只读引用。

• 方法

1. alert()：显示带有一段消息和一个确认按钮的警告框。
2. confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框
3. setlnterval()：按照指定的周期(以毫秒计)来调用函数或计算表达式。
4. setTimeout()：在指定的毫秒数后调用函数或计算表达式。

Location

• 介绍：地址栏对象
• 获取：使用windown.location获取，其中window.可以省略

  window.location.属性;
  location.属性;

• 属性

href:设置或返回完整的URL。

location.href = "https://www.itcast.cn" ;

---

DOM

• 概念:Document Object Model，文档对象模型。
• 将标记语言的各个组成部分封装为对应的对象:

1. Document:整个文档对象
2. Element:元素对象
3. Attribute:属性对象
4. Text:文本对象
5. Comment:注释对象

• JavaScript通过DOM，就能够对HTML进行操作:

1. 改变 HTML 元素的内容
2. 改变 HTML元素的样式(CSS)
3. 对 HTML DOM 事件作出反应
4. 添加和删除 HTML 元素