JS-[Array篇]-入門的Array 方法


目錄:

  • .concat()
  • .join()
  • .slice()
  • .splice()
  • .reverse()

.concat() 鏈接兩個陣列

  • 特性:不會改變原來的陣列,返回新陣列

    也可以用展開陣列子的方式組合兩個陣列
    console.log([...arr, ...arr2])

.join('') 回傳字符串

可以把陣列轉成字串

.slice() 切片

顧名思義就是從原陣列切下來片段,有起始值,也可以加入結束值(不被包含),接受負值

  • 特性:回傳新的陣列,不會改變原有陣列
    ```
    let arr = ['a','b','c','d','e'];

console.log(arr.slice(2)); //['c', 'd', 'e']
console.log(arr.slice(2, 4));//['c', 'd'] 不包含最後值
console.log(arr.slice(-2)); //['d', 'e'] 從-2 開始切
console.log(arr); // ['a', 'b', 'c', 'd', 'e'] 原陣列不會被改變
console.log(arr.slice());// ['a', 'b', 'c', 'd', 'e'] 淺拷貝.串接其他方法時可以使用
這等同於 spread operator:
console.log([...arr]);;// ['a', 'b', 'c', 'd', 'e'] 淺拷貝
```

.splice(起始位置,要刪幾個)

  • 特性:會改變原來的陣列,通常我們對splice減去的陣列沒興趣,通常是,我們需要從陣列中刪去一些資料時會需要這個方法
  • 最常見的也有要刪去陣列的最後元素的情況也會使用到
  • 記住:第二個參數,其實是想要刪除的數量

.reverse()

  • 特性:改變原來的陣列
  • 將陣列的順序倒過來
#array method







你可能感興趣的文章

CSS 語法架構 (Cascading Style Sheets)

CSS 語法架構 (Cascading Style Sheets)

[MTR04] W1 D4 搞懂 Git 交作業流程

[MTR04] W1 D4 搞懂 Git 交作業流程

Python jieba 中文斷詞套件

Python jieba 中文斷詞套件






留言討論