新聞中心
這篇文章主要介紹“怎么在 JavaScript 中克隆數(shù)組”,在日常操作中,相信很多人在怎么在 JavaScript 中克隆數(shù)組問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么在 JavaScript 中克隆數(shù)組”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)石峰,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
展開運算符
ES6 引入了展開運算符(...),它可能是對數(shù)組進行淺拷貝的最簡單和最常見的方法。
let x = [1, 2, 3, 4]; let y = [...x];
Array.from()
Array.from() 是一個非常強大的 API,可用來做許多不同的事,包括創(chuàng)建數(shù)組的副本。
let x = [1, 2, 3, 4]; let y = Array.from(x);
Array.prototype.slice()
與展開運算符類似,Array.prototype.slice() 可用于對數(shù)組進行淺拷貝。
let x = [1, 2, 3, 4]; let y = x.slice();
Array.prototype.map()
這是一個非傳統(tǒng)的方法,可以用 Array.prototype.map() 通過將數(shù)組的每個元素映射到自身,來創(chuàng)建新的數(shù)組。
let x = [1, 2, 3, 4]; let y = x.map(i => i);
Array.prototype.filter()
同樣也可以用 Array.prototype.filter() 返回每個元素的 true 值,從而產(chǎn)生一個包含所有原始數(shù)組元素的新數(shù)組。
let x = [1, 2, 3, 4]; let y = x.filter(() => true);
Object.assign()
最后可以通過 Object.assign(),使用方式和克隆對象完全相同,同樣適用于克隆數(shù)組。
let x = [1, 2, 3, 4]; let y = Object.assign([], x);
到此,關(guān)于“怎么在 JavaScript 中克隆數(shù)組”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享標(biāo)題:怎么在JavaScript中克隆數(shù)組
網(wǎng)頁鏈接:http://fisionsoft.com.cn/article/ghpgpg.html