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