一募书、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.類(lèi)似數(shù)組 :set里面的數(shù)據(jù)都是唯一的
2.初始化 : newSet()
3.存取值 : 存值 add();
4.數(shù)組去重
vararr7=[77,55,77,99,55];
varset2=newSet(arr7);
console.log(set2);
四摄杂、map
1.類(lèi)似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();