追求JS小姊姊系列 Day5 -- 工具人登场

前情提要

突然出现在我身後的三人组是！郑列，方函式，阿物件

而三人中，站在最前方的就是郑列。

三人：要知道，我们跟那些姊姊可不一样，她们只会在那乱叫转型ＯＯ，我们还有自己的血继限界(??)跟招式的。

工具人A：郑列

郑列：我，很擅长收纳，且很喜欢根据数字排序的收纳方式收纳，只要是JS希望我收的，什麽类型的垃圾我都收。
我：... （不愧是工具人）

阵列索取资料的方式:
上述根据数字的收纳方式，就是索取元素会依据其对应的索引值，由於JS的阵列是zero-indexed：元素的索引值从0开始


//我收纳的东西
x = ["JS的水","JS不要的垃圾","JS的指甲"]; 

//对应的索引值
[0] = "JS的水"
[1] = "JS不要的垃圾"
[2] = "JS的指甲"

能存放的资料类型：
前面有简单提过基本型别跟复合型别，难道都能放？来看看

let x = ["JS的水",9487,function(){return "cool"},{name:"Js",age:56,}]
console.log(x[0])
console.log(x[1])
console.log(x[2])
console.log(x[3])

如何为阵列删减内容
阵列加减新值，位置有
头:(+:unshift,-:shift)
尾:(+:push,-:pop)

x = ["JS的水","JS不要的垃圾","JS的指甲"]; 


//1.新增内容
//把新的内容加在头，并回传新的阵列长度
x.unshift("JS要放在头的东西")
console.log(x,"unshift");

//把新的内容加在尾，并回传新的阵列长度
x.push("JS要放在尾的东西")
console.log(x,"push");

//2.减去内容
//头
x.shift()
console.log(x,"shift");

//尾
x.pop();
console.log(x,"pop");

工具人B：阿物件：

阿物件：我，很擅长收纳，喜欢根据名称的收纳方式，只要是JS希望我收的，什麽类型的垃圾我都收。

索取资料的方式：
上述根据名称的名称收纳方式，是指物件的properties(特性)，每个properties的构造为：一个key（键）搭配一个value （值），不同的properties以，(逗号)区隔，那如果要进行特性的存取，怎麽做？
1. 点运算子：.key
2. []运算子：["key"]

let  x = {
name:"JS",
age:888,
interested:function(){console.log("cool")},
toolMenList: ["array","function","object"],
}
//简单建立一个方法＆属性
x.friend = String;
console.log(x.friend)

能存放的资料类型：

let x = {
name:"JS",
age:888,
interested:function(){console.log("cool")},
toolMenList =["array","function","object"],
}

如何为物件删减properties：
增加properties(特性)
1. 点运算子（.）
2. []运算子([""])
减少properties(特性)
delet + properties 名称

let  x = {
name:"JS",
age:888,
interested:function(){console.log("cool")},
toolMenList: ["array","function","object"],
}
//简单建立一个方法＆属性:
//1.点运算子
x.friend = String;
console.log(x.friend)

//2.[]运算子
x["cool"] = "cool!";
console.log(x.cool);


//delet
delet x.cool
//接下来就不会看到cool这个特性了