一、string
（1）模板字符串 ： ·
允許換行
varcontainer=document.querySelector(".container");
container.innerHTML=`
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
`;
支持嵌入變量
varitem="標(biāo)題";
varcontainer=document.querySelector(".container");
container.innerHTML=`
<div>
<ul>
<li>${item}</li>
<li></li>
<li></li>
</ul>
</div>
`;
（2）新增方法
includes()：返回布爾值，判斷是否找到參數(shù)字符串。
startsWith()：返回布爾值，判斷參數(shù)字符串是否在原字符串的頭部。
endsWith()：返回布爾值，判斷參數(shù)字符串是否在原字符串的尾部。
字符串重復(fù)：repeat -->console.log("Hello,".repeat(2));//"Hello,Hello,"
字符串補(bǔ)全 : padStart：返回新的字符串，表示用參數(shù)字符串從頭部（左側(cè)）補(bǔ)全原字符串。
padEnd：返回新的字符串，表示用參數(shù)字符串從尾部（右側(cè)）補(bǔ)全原字符串。
console.log("h".padStart(5,"o"));//"ooooh"
console.log("h".padEnd(5,"o"));//"hoooo"
console.log("h".padStart(5));//"h"
二、array
1.創(chuàng)建數(shù)組：
Array.of()
Array.from()
2.查找符合的元素 ： find
vararr=[33,4,2,99];
varv=arr.find(function(item){
returnitem<10;
});
console.log(v);
3.查找符合元素的下標(biāo)
findIndex()
varindex=arr.findIndex(function(item){
returnitem<10;
})
console.log(index);
4.填充
fill(要填充的值，填充的位置，可選（填充結(jié)束的位置）)
返回一個(gè)填充好的數(shù)組
letarr=Array.of(1,2,3,4);
//參數(shù)1：用來(lái)填充的值
//參數(shù)2：被填充的起始索引
//參數(shù)3(可選)：被填充的結(jié)束索引，默認(rèn)為數(shù)組末尾
console.log(arr.fill(0,1,2));//[1,0,3,4]
5.嵌套數(shù)組（多維）轉(zhuǎn)一維數(shù)組 flat
vararr5=[[[[1,4,5]],[55,77]],[3,9]]
//Infinity無(wú)窮數(shù)
vararr6=arr5.flat(Infinity);
console.log(arr6);
6.合并數(shù)組
vararr7=[3,4,88];
console.log([1,...arr7]);
三、set
1.類似數(shù)組 ：set里面的數(shù)據(jù)都是唯一的
2.初始化 ： newSet()
3.存取值 ： 存值 add();
4.數(shù)組去重
vararr7=[77,55,77,99,55];
varset2=newSet(arr7);
console.log(set2);
四、map
1.類似Object
一個(gè)Object的鍵只能是字符串或者Symbols，但一個(gè)Map的鍵可以是任意值。
Map中的鍵值是有序的（FIFO原則），而添加到對(duì)象中的鍵則不是。
Map的鍵值對(duì)個(gè)數(shù)可以從size屬性獲取，而Object的鍵值對(duì)個(gè)數(shù)只能手動(dòng)計(jì)算。
Object都有自己的原型，原型鏈上的鍵名有可能和你自己在對(duì)象上的設(shè)置的鍵名產(chǎn)生沖突。
2.初始化
newMap()
3.遍歷
for in
for (let key in map){
console.log(map.get(key));
}
for of
for ( let [key,value] of map){
console.log(key,value);
}
forEach
map.forEach(function (item,key) {
console.log(item,key)
})
4.函數(shù)
1.可以給函數(shù)的形參 添加默認(rèn)值
function f(a=1,b=3) {
}
2.箭頭函數(shù)
作用：
語(yǔ)法簡(jiǎn)潔
var fun2 = function () {
console.log("...");
}
var fun2 = ()=>{
console.log("....");
}
fun2();
//傳參數(shù) 簡(jiǎn)化寫(xiě)法
var fun3 = a => {
console.log(a);
}
var fun4 = (a,b) => {
console.log(a,b);
}
//函數(shù)體比較簡(jiǎn)單 省略花括號(hào)
var sum = (a,b) => a+b;
var sum = function (a,b) {
return a+b;
}
無(wú)需在箭頭函數(shù)中 再去設(shè)置this指向
function View() {
this.title = "標(biāo)題";
var self = this;
this.dom = document.querySelector(".container");
this.dom.onclick = function () {
alert(self.title)
}
this.dom.onclick = ()=> {
alert(this.title)
}
}
new View();
