JavaScript數組詳細歸納

Posted on by

一、數組歸納

1. 字符串拆分為數組

 console.log(Array.form("red")) // ["r", "e", "d"]

2. 將集合和映射轉換為新數組

 const a1 = new Map().set("name","張三").set("age",18)

    console.log(Array.from(a1)) // [["name","張三"], ["age",18]

3. 對現有數組進行淺復制

 const a1 = [

        {

        name: "小明",

        age: 18,

        gender: "男"

        },

        {

            name: "小明",

            age: 18,

            gender: "男"

        }]

    const a2 = Array.from(a1)

    console.log(a2)

運行結果：

4. arguments 對象輕松轉換為數組

 function argumentArray() {

        console.log(Array.from(arguments)) // [1, 2, 3, 4]

    }

    argumentArray(1, 2, 3, 4)

5. 轉換自定義對象

let arrayLike = {

        0: '張三',

        1: '18',

        2: '男',

        3: ['猜猜', '是哪'],

        'length': 4

    }

    let arr = Array.from(arrayLike);

    console.log(arr);

運行結果：

Array.of(參數) 將將參數轉換為數組

 Array.of(1, 2, 3, 4) // [1, 2, 3, 4]

二、迭代器方法

Array 的原型上有三個用於檢索數組的方法：keys()、values()、entries()

 Array.of(1, 2, 3, 4) // [1, 2, 3, 4] 


 let user = [

        {

            name: "張三",

            age: 18,

            gender: "男"

        },

        {

            name: "李四",

            age: 19,

            gender: "女"

        },

        {

            name: "王五",

            age: 20,

            gender: "女"

        }

    ]

首先使用user.key()，遍歷返回數組索引

 console.log(Array.from(user.keys())) // [0, 1, 2]

user.values()，遍歷返回數組元素

 console.log(Array.from(user.values()))

user.entries()，遍歷返回索引 / 值對

console.log(Array.from(user.entries()))

三、數組常用操作方法

slice(stratIndex，endIndex)

  • 若參數全滿，返回從開始索引到結束索引的所有元素；
  • 若隻有一個參數，返回從開始索引到結束索引的對應元素。

splice(startIndex, length, new1, new2....)

  • 用於刪除、替換或者插入
 let newData = {"username": "ys","age": "22","gender":"計科1902","className":"3班","id":6}

    person.splice(1,1,newData) // 這裡是替換的使用

到此這篇關於JavaScript數組詳細歸納的文章就介紹到這瞭,更多相關JavaScript數組內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：