展開對ES6學習的第二天

2021-10-20 19:45:49 字數 4884 閱讀 7043

字串標記

碼點**展示

function

sort_arr

(arr)

} 如果沒變就跳出迴圈,不再排序

if(flag)

break

}//返回結果

return arr

}

說明:該方法屬於原型方法,作用類似於map,用於對每個元素處理,也可以作為將偽(類)陣列轉換為真實陣列的方法之一

案例展示

//建立乙個類似於陣列的物件

let arr=

// 將arr的每個元素*2得到乙個新陣列

let newarr = array.

from

(arr,item => item *2)

console.

log(newarr)

//[2,4]

說明:map方法屬於es5的,作用是一一對應的對映,會返回乙個與原陣列一樣新陣列

案例展示

let arr =[22

,13,44

,61,11

,19,2

]let newarr = arr.

map(item=>item)

console.

log(newarr)

//[22,13,44,61,11,19,2]

//將陣列乘二

let newarr2 = arr.

map(item => item *2)

console.

log(newarr2)

//[44, 26, 88, 122, 22, 38, 4]

//只顯示小於30的數

let newarr3 = arr.

map(item => item >30?

"*": item)

console.

log(newarr3)

//[22, 13, "*", "*", 11, 19, 2]

說明:reduce方法一般用於彙總,返回值為乙個總和的值,如果沒有return,那麼就預設返回第一項的值。一定要有return才會累加

案例展示

let arr =[1

,2,3

,4]let sum = arr.

reduce

((p,n)

=> p+n)

console.

log(sum)

//10

//計算平均值

let result = arr.

reduce

((temp,item,index)

=>

else

)

說明:過濾陣列的乙個方法,只選取結果為true的值,即選取符合條件的值

案例演示

let data =[,

,,}]

//選出**大於555的物品

let newdata = data.

filter

(data => data.price >

555)

console.

log(newdata)

// [,]

說明:該方法用於找到第乙個符合條件的陣列成員的位置,如果找不到就返回 -1

案例展示

let arr =

['小魚兒'

,'花無缺'

,'惡人島'

]let index = arr.

findindex

(value=>value==

"小魚兒"

) console.

log(index)

//0let arr_num =[9

,8,7

,6]let index2 = arr_num.

findindex

(value => value ==8)

console.

log(index2)

//1

補充:includes某個陣列是否包含給定的值,返回布林值

let arr =

['飛流'

,'梅長蘇'

,'靖王殿下'

]let bool = arr.

includes

('梅'

) console.

log(bool)

//false

說明:簡化了字串的拼接,能直接新增字串或直接引入變數,呼叫函式也可以執行,不需要引號去拼接,但是缺點很耗費效能,不易修改

let p_name =

// 直接插入**段

document.body.innerhtml =`12

3`// 直接插入字串

console.

log(

`小明說:"今天的天氣剛剛"好" "`

)//小明說:"今天的天氣剛剛"好" "

// 直接引入變數

console.

log(`$

是個$孩子,今年

$歲了`

)// 呼叫函式

const

sayhi=(

)=>

console.

log(`$

說:$`)

startswith/endswith:表示字串是否以某個字元開頭/結尾,返回布林值

案例實現

)//true

repeat:將字串重複n次,返回乙個新的字串

案例實現

let str =

'sayhi:hellow'

let newstr = str.

repeat(3

) console.

log(newstr)

//vm1396:3 sayhi:hellowsayhi:hellowsayhi:hellow

padstart/padend:指定寬度,不夠就補空格(前/後),空格可以選擇用其他的代替,返回乙個新的字串

案例實現

let str =

'1234'

console.

log(str.

padstart(8

))// 1234

console.

log(str.

padend(8

,*))

//1234****

補充:includes,字串是否包含指定的字元,返回布林值

let str =

'123456789abcd'

//從第三個下標開始往後找是否包含字元4

console.

log(str.

includes

("4",3

))//true

說明:字串的標記是指在模板字串前加了乙個函式,那麼這個函式就會將該模板字串作為乙個引數傳入,且運用該該字串時就是執行那個函式的內容,不再是原來模板裡的值

案例演示

let person =

let str = mytag`今天

$說天氣$。`

function

mytag

(parts,

...args):$

` if

(arr1.length-

1== i) str += parts[i+1]

}return str

} console.

log(str)

//今天:kai說天氣:真不錯。

說明:unicode用16位是二進位制存文字,一般將乙個16位的二進位制編碼叫做乙個碼元即:2的16次方=》65536在這範圍內

檢測方法:codepoint(0)方法,該方法用於檢測乙個字元是16位還是32位

案例展示

let str =

'?'let str2 =

'吉' console.

log(str.length)

//2function

fn(str)

let result =fn(

'?')

console.

log(result)

//true

ES6第二天學習陣列解構賦值

一 什麼是解構賦值?二 都有什麼解構賦值 1 const arr 1,2,3,4 let a,b,c,d arr console.log a b c d 1 2 3 4 2 複雜的匹配是利用索引的進行匹配兩邊格式要一樣 const arr a 0 c d e f g const b arr cons...

ES6第二天學習物件解構賦值

一 物件如何解構賦值 二 物件解構賦值的用法const obj const obj他是那key進行匹配的如果key不一樣就匹配不到,但是陣列是按照順序進行解構 三 稍微複雜的解構條件const player const player console.log nickname 這裡上面的 裡裡面的是定...

學習第二天

linux系統的檔案型別及許可權的相關知識 1.普通檔案 l 連線檔案 d 資料夾 表示不同的檔案型別 2.檔案許可權 r 可讀 w 可寫 x 可執行 3.chmod 修改檔案許可權,修符號或者使用八進位制 linux的基礎命令 cd 切換目錄 ls 檢視內容 表示當前目錄 上一級目錄等 touch...