JavaScript數(shù)組詳細(xì)歸納
更新時(shí)間：2021年09月18日 15:43:37 作者：Java精品學(xué)習(xí)
JavaScript 數(shù)組用于在單一變量中存儲(chǔ)多個(gè)值，數(shù)組是一種特殊的變量，它能夠一次存放一個(gè)以上的值。下面文章小編就來(lái)詳細(xì)歸納一下JavaScript數(shù)組,需要的朋友可以參考一下
一、數(shù)組歸納
1. 字符串拆分為數(shù)組
console.log(Array.form("red")) // ["r", "e", "d"]
2. 將集合和映射轉(zhuǎn)換為新數(shù)組
const a1 = new Map().set("name","張三").set("age",18)
console.log(Array.from(a1)) // [["name","張三"], ["age",18]
3. 對(duì)現(xiàn)有數(shù)組進(jìn)行淺復(fù)制
const a1 = [
{
name: "小明",
age: 18,
gender: "男"
},
{
name: "小明",
age: 18,
gender: "男"
}]
const a2 = Array.from(a1)
console.log(a2)
運(yùn)行結(jié)果：
4. arguments 對(duì)象輕松轉(zhuǎn)換為數(shù)組
function argumentArray() {
console.log(Array.from(arguments)) // [1, 2, 3, 4]
}
argumentArray(1, 2, 3, 4)
5. 轉(zhuǎn)換自定義對(duì)象
let arrayLike = {
0: '張三',
1: '18',
2: '男',
3: ['猜猜', '是哪'],
'length': 4
}
let arr = Array.from(arrayLike);
console.log(arr);
運(yùn)行結(jié)果：
Array.of(參數(shù)) 將將參數(shù)轉(zhuǎn)換為數(shù)組
Array.of(1, 2, 3, 4) // [1, 2, 3, 4]
二、迭代器方法
Array 的原型上有三個(gè)用于檢索數(shù)組的方法：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()，遍歷返回?cái)?shù)組索引
console.log(Array.from(user.keys())) // [0, 1, 2]
user.values()，遍歷返回?cái)?shù)組元素
console.log(Array.from(user.values()))
user.entries()，遍歷返回索引 / 值對(duì)
console.log(Array.from(user.entries()))
三、數(shù)組常用操作方法
slice(stratIndex，endIndex)
- 若參數(shù)全滿，返回從開(kāi)始索引到結(jié)束索引的所有元素；
- 若只有一個(gè)參數(shù)，返回從開(kāi)始索引到結(jié)束索引的對(duì)應(yīng)元素。
splice(startIndex, length, new1, new2....)
- 用于刪除、替換或者插入
let newData = {"username": "ys","age": "22","gender":"計(jì)科1902","className":"3班","id":6}
person.splice(1,1,newData) // 這里是替換的使用
到此這篇關(guān)于JavaScript數(shù)組詳細(xì)歸納的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序 （三）tabBar底部導(dǎo)航詳細(xì)介紹
這篇文章主要介紹了微信小程序 （三）tabBar底部導(dǎo)航詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
本文主要介紹Google 地圖類(lèi)型,這里整理了Google 地圖類(lèi)型的基本知識(shí)資料，并附簡(jiǎn)單的示例代碼便于大家學(xué)習(xí)參考，希望能幫助有需要的小伙伴2016-08-08
JavaScript復(fù)原何同學(xué)B站頭圖細(xì)節(jié)示例詳解
這篇文章主要為大家介紹了JavaScript復(fù)原何同學(xué)B站頭圖細(xì)節(jié)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
微信小程序通過(guò)api接口將json數(shù)據(jù)展現(xiàn)到小程序示例
這篇文章主要介紹了微信小程序通過(guò)api接口將json數(shù)據(jù)展現(xiàn)到小程序示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
ECMAScript 6對(duì)象的擴(kuò)展實(shí)現(xiàn)示例
這篇文章主要為大家介紹了ECMAScript 6對(duì)象的擴(kuò)展實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
You-Dont-Know-JS詞法作用域及兩種常見(jiàn)的模型學(xué)習(xí)文檔
這篇文章主要為大家介紹了JS?詞法作用域及兩種常見(jiàn)的模型詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-08-08
微信小程序中button組件的邊框設(shè)置的實(shí)例詳解
這篇文章主要介紹了微信小程序中button組件的邊框設(shè)置的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文大家能夠掌握這部分內(nèi)容，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了微信小程序 前端源碼邏輯和工作流詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript基礎(chǔ)之函數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助<BR>2021-12-12
JavaScript+HTML實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)學(xué)生信息管理系統(tǒng),文中有非常詳細(xì)的代碼示例,對(duì)正在學(xué)習(xí)js的小伙伴們有一定的幫助,需要的朋友可以參考下2021-04-04