本篇內(nèi)容介紹了“es6數(shù)組擴(kuò)展的方法”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)山海關(guān),十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792
1.擴(kuò)展運(yùn)算符
含義: 擴(kuò)展運(yùn)算符,三個(gè)點(diǎn)(...),將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)順序。
例如:
console.log([1,2,3]);
console.log(...[1,2,3]);
結(jié)果: [1,2,3]
1,2,3
(1)用法: 作為函數(shù)參數(shù)
function f(x,y,z) {
console.log(y);
// 1
}
let args = [0,1,2];
f(...args);
(2)用法:求數(shù)組的最大值
Math.max(..[14,4,44]) //44
(3)應(yīng)用:復(fù)制數(shù)組
const a1 = [1,2];
const a2 = a1;
a2[0] = 2;
a1 // [2,2]
(4)應(yīng)用: 合并數(shù)組
[1,2,...more]
(5)應(yīng)用:與解構(gòu)賦值結(jié)合
[a,...reast] = list
(6)應(yīng)用: 可以將字符串轉(zhuǎn)為真正的數(shù)組
console.log([...'hello'])
[ "h", "e", "l", "l", "o" ]
2.Array.from()
方法用于將兩個(gè)類對(duì)象轉(zhuǎn)為真正的數(shù)組。
(1)應(yīng)用:類數(shù)組對(duì)象轉(zhuǎn)為真正的數(shù)組
let arrayLike = {
'0':'a',
'1':'b',
'2':'c',
length:3
}
let arr = Array.from(arrayLike);
console.log(arr);
//["a", "b", "c"]
(2)應(yīng)用:將字符串轉(zhuǎn)為數(shù)組
var arr = Array.from('hello');
console.log(arr);
["h", "e", "l", "l", "o"]
如果是一個(gè)真正的數(shù)組那么返回原數(shù)組
Array.from 還可以接受第二個(gè)參數(shù)。
let arr = Array.from([1,2,3],(x)=> x*x);
console.log(arr);
// [1, 4, 9]
3.Array.of 方法用于將一組數(shù)值,轉(zhuǎn)為數(shù)組
例如:
var arr = Array.of(3,11,8);
console.log(arr);
// [3, 11, 8]
4.數(shù)組實(shí)例的 copyWithin()
數(shù)組實(shí)例的copyWithin 方法,在當(dāng)前數(shù)組內(nèi)部,將指定位置的成員復(fù)制到其他位置,
(會(huì)覆蓋原來(lái)成員),然后返回當(dāng)前數(shù)組,也就是說(shuō),使用這個(gè)方法,會(huì)修改當(dāng)前數(shù)組。
它接受三個(gè)參數(shù):
(1)target(必需):從該位置開(kāi)始替換數(shù)據(jù)。
(2)start(可選):從該位置開(kāi)始讀取數(shù)據(jù),默認(rèn)為 0。如果為負(fù)值,表示倒數(shù)。
(3)end(可選):到該位置前停止讀取數(shù)據(jù),默認(rèn)等于數(shù)組長(zhǎng)度。如果為負(fù)值,表示倒。
5.數(shù)組的實(shí)例的 find() 和findIndex()
數(shù)組實(shí)例的find 方法,用于找出第一個(gè)符合條件的數(shù)組成員,它的參數(shù)是一個(gè)回調(diào)函
數(shù),所有出租成員一次執(zhí)行該回調(diào)函數(shù),直到找到的哥返回值為true的成員,然后
返回該成員,如果沒(méi)有符合條件的返回aundefined
let a = [1,4,-5,10].find((n)=> n <0)
console.log(a); // -5
let b = [1,5,10,15].find(function (value,index,arr) {
return value > 9;
})
console.log(b); // 10
findIndex 方法的用法與find 方法返回非常類似,返回第一個(gè)符合條件的數(shù)組
成員的位置,如果所有成員不符合條件返回-1。
例如[1,5,10,15].findIndex(function(value,index,arr){
return value > 9;
})
6.數(shù)組實(shí)例的fill()
fill 方法使用給定值,填充一個(gè)數(shù)組;
var arr = ['a','b','c'].fill(7);
console.log(arr); // [7,7,7]
7.數(shù)組實(shí)例的 entries(), keys() 和 values()用于遍歷數(shù)組,他們都是返回一個(gè)遍歷器對(duì)象。
keys() 是對(duì)鍵名的遍歷,values() 是對(duì)鍵值的變量,entries() 是對(duì)鍵值對(duì)的遍歷。
for (let index of ['a','b'].keys()){
console.log(index);
}
8.數(shù)組實(shí)例的includes()
Array.prototype.includes 方法返回一個(gè)布爾值,表示某個(gè)數(shù)組是否包含給定的值。
[1,2,3].includes(2) // true
[1,2,3,4].includes(4) //false
“es6數(shù)組擴(kuò)展的方法”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
網(wǎng)頁(yè)題目:es6數(shù)組擴(kuò)展的方法
鏈接地址:http://bm7419.com/article4/jcscoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站制作、虛擬主機(jī)、微信公眾號(hào)、網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)