JavaScript數(shù)組詳細歸納
更新時間：2021年09月18日 15:43:37 作者：Java精品學習
JavaScript 數(shù)組用于在單一變量中存儲多個值，數(shù)組是一種特殊的變量，它能夠一次存放一個以上的值。下面文章小編就來詳細歸納一下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. 對現(xiàn)有數(shù)組進行淺復(fù)制
const a1 = [
{
name: "小明",
age: 18,
gender: "男"
},
{
name: "小明",
age: 18,
gender: "男"
}]
const a2 = Array.from(a1)
console.log(a2)
運行結(jié)果：
4. arguments 對象輕松轉(zhuǎn)換為數(shù)組
function argumentArray() {
console.log(Array.from(arguments)) // [1, 2, 3, 4]
}
argumentArray(1, 2, 3, 4)
5. 轉(zhuǎn)換自定義對象
let arrayLike = {
0: '張三',
1: '18',
2: '男',
3: ['猜猜', '是哪'],
'length': 4
}
let arr = Array.from(arrayLike);
console.log(arr);
運行結(jié)果：
Array.of(參數(shù)) 將將參數(shù)轉(zhuǎn)換為數(shù)組
Array.of(1, 2, 3, 4) // [1, 2, 3, 4]
二、迭代器方法
Array 的原型上有三個用于檢索數(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()，遍歷返回數(shù)組索引
console.log(Array.from(user.keys())) // [0, 1, 2]
user.values()，遍歷返回數(shù)組元素
console.log(Array.from(user.values()))
user.entries()，遍歷返回索引 / 值對
console.log(Array.from(user.entries()))
三、數(shù)組常用操作方法
slice(stratIndex，endIndex)
- 若參數(shù)全滿，返回從開始索引到結(jié)束索引的所有元素；
- 若只有一個參數(shù)，返回從開始索引到結(jié)束索引的對應(yīng)元素。
splice(startIndex, length, new1, new2....)
- 用于刪除、替換或者插入
let newData = {"username": "ys","age": "22","gender":"計科1902","className":"3班","id":6}
person.splice(1,1,newData) // 這里是替換的使用
到此這篇關(guān)于JavaScript數(shù)組詳細歸納的文章就介紹到這了,更多相關(guān)JavaScript數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了詳解微信小程序設(shè)置底部導航欄目方法的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了Javascript 常見的高階函數(shù)的相關(guān)資料，高階函數(shù)，英文叫 Higher Order function。一個函數(shù)可以接收另外一個函數(shù)作為參數(shù)，這種函數(shù)就叫做高階函數(shù),需要的朋友可以參考一下2021-09-09
這篇文章將從C++模版要解決的問題出發(fā)，引出TS泛型要解決的問題，并簡答介紹一些稍微高級的使用場景的相關(guān)資料,需要的朋友可以參考一下2021-10-10
JavaScript?定時器關(guān)鍵點及使用場景解析
這篇文章主要為大家介紹了JavaScript?定時器關(guān)鍵點及使用場景解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
詳解JavaScript實現(xiàn)簡單的詞法分析器示例
這篇文章主要為大家介紹了詳解JavaScript實現(xiàn)簡單的詞法分析器示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要為大家介紹了JavaScript基礎(chǔ)之函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
些很實用且必用的小腳本代碼...2006-06-06
JavaScript立即執(zhí)行函數(shù)用法解析
這篇文章主要介紹了JavaScript立即執(zhí)行函數(shù),我們知道，在一般情況下，函數(shù)必須先調(diào)用才能執(zhí)行，如下所示，我們定義了一個函數(shù)，并且調(diào)用,下面一起進入文章來接具體的使用方法吧2021-12-12
微信小程序 scroll-view組件實現(xiàn)列表頁實例代碼
這篇文章主要介紹了微信小程序 scroll-view組件實現(xiàn)列表頁實例代碼的相關(guān)資料,scroll-view組件介紹scroll-view是微信小程序提供的可滾動視圖組件,其主要作用是可以用來做手機端經(jīng)常會看到的上拉加載 ，需要的朋友可以參考下2016-12-12
這篇文章主要為大家介紹了electron渲染進程主進程相互傳值示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02