首頁 > web前端 > js教程 > 主體

JavaScrip資料結構之數組的相關操作介紹(附範例)

不言
發布: 2019-02-13 09:40:34
轉載
2145 人瀏覽過

這篇文章帶給大家的內容是關於JavaScrip資料結構之數組的相關操作介紹(附範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

資料結構的分類

資料結構是指相互之間存在著一種或多種關係的資料元素的集合和該集合中資料元素之間的關係組成。
常用的資料結構有:數組,棧,鍊錶,佇列,樹,圖,堆,散列表等,如圖所示:

JavaScrip資料結構之數組的相關操作介紹(附範例)

數組

數組是最簡單的記憶體資料結構,數組是可以再記憶體中連續儲存多個元素的結構,在記憶體中的分配也是連續的,數組中的元素透過數組下標進行訪問,數組下標從0開始。
tips:資料一般儲存一系列資料型別相同的值,但在JavaScript中,可以在陣列中儲存不同類型的值,但一般不需要這麼用。

1.建立陣列

let daysOfWeek = new Array();
let daysOfWeek = new Array(7);
let daysOfWeek = new Array('1', '2', '3', '4', '5', '6', '7');
登入後複製

2.新增元素

// 初始化nums数组
let nums = [0,1,2,3,4,5,6];
// 指定位置添加
nums[nums.length] = 7;
// 使用push(),把元素添加到数组末尾
nums.push(8);// 0...8
nums.push(9, 10);// 0...10
// 使用unshift,把元素添加到数组首位
nums.unshift(-1);// -1...10
nums.unshift(-3,-2);// -3...10
登入後複製

3.刪除元素

// pop(),删除最后一个
nums.pop();//-3...9
// shift(),删除第一个
nums.shift();//-2...9
登入後複製

4.任何位置刪除或新增元素

// splice()方法
nums.splice(2, 3);// 删除 index=2 开始的后的3个数 -2,-1,3...9
nums.splice(2, 0, 0, 1, 2);// 从index=2开始插入0,1,2  -2...9
登入後複製

5.javascript陣列方法參考

concat()  // 连接2个或多个数组,并返回结果
every()  // 对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true
filter()  // 对数组中的每一项运行给定函数,返回该函数能返回true的项作为新数组
forEach()  // 对数组中的每一项运行给定函数,没有返回值
join()  // 按传入的字符连接成一个字符串
indexOf()  // 从前往后遍历,返回第一个与传入参数相等的索引值,没找到返回-1
lastIndexOf()  // 从后往前遍历,返回第一个与传入参数相等的索引值
map()  // 对数组中的每一项运行给定函数,返回每次函数调用的结果组成新的数组
reverse()  // 颠倒数组中元素的顺序
slice()  // 传入索引值,将数组对应索引值范围内的元素作为新数组返回  
some()  // 对数组中的每一项运行给定函数,如果某一项返回true,则返回true
sort()  // 按照字母顺序排序,支持传入指定排序方法的函数作为参数
toString()  // 将数组作为字符串返回
valueOf()  // 和toString类似,将数组作为字符串返回
登入後複製

6.ES6陣列新增方法

@@iterator  // 返回一个包含数组键值对的迭代器对象,可通过同步调用得到数组元素的键值对
copyWithin()  // 复制数组中一系列元素,到该数组指定的起始位置
entries()  // 返回包含数组所有键值对的@@iterator
includes()  // 数组中存在某个元素则返回true,否则返回false(es7新增)
find()  // 根据回调函数给定的条件从数组中查找元素,如果找到则返回该元素
findIndex()  // 根据回调函数给定的条件从数组中查找元素,如果能找到就返回该元素在数组中的索引
fill()  // 用传入参数填充数组
from()  // 根据已有数组创建一个新数组
keys()  // 返回包含数组所有索引的@@iterator
of()  // 根据传入的参数创建一个新数组
values()  // 返回包含数组中所有值的@@iterator
登入後複製

7.陣列優缺點
優點:
(1)依照索引查詢元素速度快
(2)依照索引遍歷陣列方便

缺點:
(1)陣列的大小固定後就無法擴容了
(2)陣列只能儲存一種型別的資料
(3)添加,刪除的操作慢,因為要移動其他的元素。

適用場景:
頻繁查詢,對儲存空間要求不大,很少增加和刪除的情況。

#

以上是JavaScrip資料結構之數組的相關操作介紹(附範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板