你有沒有遇到過這樣的情況：明明給數(shù)組賦了值，結(jié)果頁面上卻顯示為空？或者數(shù)組長度不對，數(shù)據(jù)亂七八糟？別急，這可能是你對JS數(shù)組賦值的理解還不夠細(xì)膩。今天我就用最真實(shí)的小案例，帶你徹底搞懂——JS如何給數(shù)組賦值。
Q1：最基礎(chǔ)的賦值方式是什么？
很簡單！直接通過索引賦值就行。比如：
let arr = [];arr[0] = "蘋果";arr[1] = "香蕉";console.log(arr); // ["蘋果", "香蕉"]這就是最原始、最直觀的方式。但注意：如果你跳過中間索引（比如直接寫 arr[5] = "橙子"），那么中間的 2~4 索引會變成 undefined ——不是空字符串，是“未定義”哦！這點(diǎn)很多人踩坑。
Q2：怎么批量賦值？用 push() 嗎？
當(dāng)然可以！如果你要逐個添加元素，推薦用 push()，它不會破壞原有結(jié)構(gòu)：
let fruits = [];fruits.push("芒果");fruits.push("葡萄");console.log(fruits); // ["芒果", "葡萄"]但如果你有現(xiàn)成的數(shù)組想合并進(jìn)去呢？這時候用 concat() 或展開運(yùn)算符更優(yōu)雅：
let arr1 = [1, 2];let arr2 = [3, 4];let newArr = arr1.concat(arr2); // 或者 [...arr1, ...arr2]console.log(newArr); // [1, 2, 3, 4]Q3：如果我只想替換整個數(shù)組內(nèi)容，怎么辦？
這時候千萬別用循環(huán)一個個賦值！直接重新賦值整個數(shù)組對象即可：
let oldArr = [1, 2, 3];oldArr = ["新", "的", "數(shù)組"];console.log(oldArr); // ["新", "的", "數(shù)組"]記?。篔avaScript 中數(shù)組是引用類型。你重新賦值時，其實(shí)是讓變量指向了新的內(nèi)存地址，而不是修改原數(shù)組內(nèi)容。這對性能和邏輯都更友好。
小貼士：新手最容易忽略的陷阱
別忘了！當(dāng)你這樣寫：
let arr = [];arr["key"] = "value"; // ? 這不是數(shù)組，這是對象屬性！你其實(shí)是在給數(shù)組對象添加一個 key 屬性，不是真正的數(shù)組元素。打印出來你會發(fā)現(xiàn) arr.length 是 0，但 arr.key 卻有值。這種“偽數(shù)組”在實(shí)際項(xiàng)目中經(jīng)常引發(fā) bug！
總結(jié)一下：賦值要看場景——單個用索引、批量用 push/concat、整體替換就直接賦新數(shù)組。理解這些細(xì)節(jié)，你的代碼才會像果汁一樣順滑，不再“卡頓”。收藏這篇，下次寫數(shù)組時就能穩(wěn)穩(wěn)拿捏啦～
