JavaScript數組詳細歸納
更新時間：2021年09月18日 15:43:37 作者：Java精品學習
JavaScript 數組用于在單一變量中存儲多個值，數組是一種特殊的變量，它能夠一次存放一個以上的值。下面文章小編就來詳細歸納一下JavaScript數組,需要的朋友可以參考一下
一、數組歸納
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數組內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了微信小程序 （三）tabBar底部導航詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
本文主要介紹Google 地圖類型,這里整理了Google 地圖類型的基本知識資料，并附簡單的示例代碼便于大家學習參考，希望能幫助有需要的小伙伴2016-08-08
JavaScript復原何同學B站頭圖細節(jié)示例詳解
這篇文章主要為大家介紹了JavaScript復原何同學B站頭圖細節(jié)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序通過api接口將json數據展現到小程序示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要為大家介紹了ECMAScript 6對象的擴展實現示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
You-Dont-Know-JS詞法作用域及兩種常見的模型學習文檔
這篇文章主要為大家介紹了JS?詞法作用域及兩種常見的模型詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-08-08
這篇文章主要介紹了微信小程序中button組件的邊框設置的實例詳解的相關資料,希望通過本文大家能夠掌握這部分內容，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了微信小程序 前端源碼邏輯和工作流詳解的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript基礎之函數，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
JavaScript+HTML實現學生信息管理系統(tǒng)
這篇文章主要介紹了JavaScript實現學生信息管理系統(tǒng),文中有非常詳細的代碼示例,對正在學習js的小伙伴們有一定的幫助,需要的朋友可以參考下2021-04-04