ES6 字串及陣列新增方法

2021-10-02 14:33:59 字數 2789 閱讀 6922

str.startswith:

判斷是否已指定字串開頭的

引數1 : 指定字串

引數2 : 指定的開始位置 (從1開始)

let str =

"好好學習,每天進步一點點"

; console.

log(str.

startswith

("好好"))

; console.

log(str.

endswith

("學習",3

));

repeat()

將字串重複指定的次數 (次數不限)

let str2 =

"a";

console.

log(str2.

repeat(3

));

模板字串 ``

插值運算子 $ 可以寫表示式 可以寫函式

let p = document.

queryselector

("p");

letname=(

)=>

;let age =

"18"

;let school =

"高中"

;// p.textcontent = `我叫$,今年$歲,就要上$了`;

//需要判斷的時候, 用三目運算子

p.textcontent =

`我叫$

,今年$

歲,就要上$了`

;

新增的方法

以下介紹的方法為建構函式的方法

不是陣列物件的方法,注意呼叫格式陣列名.方法名( )

把類陣列轉化成陣列,我們常用的兩種方式:

let lis = document.

queryselectorall

("li");

// console.log(lis);

lis = array.

from

(lis,

(item,index)

=>

);

lis =

[...lis]

;

lis.

map(

(item)

=>item)

;

let arr =[1

,2,3

,4,5

];arr = array.of(

"a",

"b")

;// 新陣列會覆蓋原有資料(原因是用arr接收了返回陣列)

console.

log(arr)

;

console.

log(array.

isarray

(lis)

);

let arr_two =[1

,2,3

,4,5

];let val = arr_two.

find

(item=>item>3)

; console.

log(val)

;

let arr_two =[1

,2,3

,4,5

];let val = arr_two.

findindex(3

);console.

log(val)

;

let arr_three =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"

,"g"

,"z"];

arr_three = arr_three.

fill

("v",1

,4);

// 位置: 包頭 不包尾

console.

log(arr_three)

;

let arr_three =

["a"

,"b"

,"c"

,"d"

,"e"

,"f"

,"g"

,"z"];

console.

log(arr_three.

includes

("v",3

));

陣列扁平化

陣列扁平化不是乙個具體的方法,而是通過具體的方法來達成的效果

即實現陣列扁平化

let arr =[[

"小萌",18

],["小萌",18

],["小萌",18

],["小萌",18

],["小萌",18

,["小萌",17

,["小萌",18

]]]]

;

let newarr = arr.

flatmap

((item,index)

=>);

return item;})

; console.

log(newarr)

;

ES6字串新增方法

確定乙個字串是否包含在另乙個字串中。方法返回乙個新字串,表示將原字串重複n次。es2017 引入了字串補全長度的功能。如果某個字串不夠指定長度,會在頭部或尾部補全。padstart 用於頭部補全,padend 用於尾部補全。第乙個引數長度 第二個引數補的資料,超過要補的長度就擷取,小於長度就整體補充...

ES6字串模板 字串新增方法

模板字串的基本用法 模板語法 esc鍵上的單引號 以前的寫法 無法換行,需要使用字串拼接 let html asdkfuhia console.log html 輸出結果 asdkfuhia 沒有一點格式。看起來很混亂 字串模板寫法 可以隨意的換行,模板語法 esc鍵上的單引號 let html 今...

ES6字串方法

es6 新提出一些字串方法方便使用 查詢子字串 string.includes 查詢字串是否包含某子字串 string.startswith 查詢字串開始處是否包含某子字串 string.endswith 查詢字串結束處是否包含某子字串 上述方法均返回boolean值,第乙個引數為所需查詢的子字串,...