用於將乙個固定值替換陣列的元素。
例:
var fruits =
["banana"
,"orange",,
"mango"];
fruits.
fill
("runoob");
輸出:runoob,runoob,runoob,runoob
返回乙個新陣列,陣列中的元素為原始陣列元素呼叫函式處理後的值。
按照原始陣列元素順序依次處理元素。
注意事項:map() 不會對空陣列進行檢測,不會改變原始陣列。
例:
var arr =[3
,2,1
,4,6
,2,7
,54,83
,75];
console.
log(
'新陣列:'
, arr.
map(x => x +1)
,'\n'
,'舊陣列:'
, arr)
;輸出:
新陣列: [4,
3,2,
5,7,
3,8,
55,84,
76]
舊陣列: [3,
2,1,
4,6,
2,7,
54,83,
75]
size
size只能讀不能改 ,類似於array.length,不同的是size下標從1開始
set()
map物件的set()方法,如果有相同key名的屬性將會覆蓋,如果key名沒有重複就會新增;
使用set()方法可以給map新增鍵值對。
get()
通過get()方法可以從map中提取值
has()
用來檢查某個資料項是否存在於map中
delete()
使用delete方法可以從map中刪除乙個資料項
clear()
使用clear方法可以刪除map中所有的資料項
可迭代的物件:遍歷器(iterator)它是一種藉口,為各種不同的資料結構提供統一的訪問機制。 任何資料結構只要部署iterator介面,就可以完成遍歷操作(即依次處理該資料結構的所有成員)。iterator介面主要提供for…of消費。
乙個資料結構(陣列、map、set,某些類似陣列的物件——比如arguments物件,dom nodelist物件,generator物件,字串等),才可以被for…of迴圈遍歷。 換句話說就是for…of 迴圈內部呼叫的是資料結構symbol.iterator方法
注:ie11 及其更早的瀏覽器版本不支援 from 方法。
from() 方法用於通過擁有 length 屬性的物件或可迭代的物件轉換成乙個陣列。
如果物件是陣列返回 true,否則返回 false。
可以在函式呼叫/陣列構造時, 將陣列表示式或者string在語法層面展開
還可以在構造字面量物件時, 將物件表示式按key-value的方式展開。
可以通過new set()建立set物件,傳參為乙個可迭代物件
在set物件當中,如果有重複資料,會自動去重
array.from()方法可以將類陣列和可迭代物件轉換成新的陣列
console.log(array.from(new set(arr)));
set的例項方法
add()
add方法能夠向set中新增資料項:如果資料存在的話,就會新增失敗,如果不存在資料則新增成功
set內部使用object.is()方法來判斷兩個資料項是否相等,唯一不同的是+0和-0在set中被判斷為是相等的。
delete()
delete方法能夠向set中刪除資料項並且返回boolear值,根據boolean的值確實是否刪除成功。
has()
可以使用has()方法來判斷某個值是否存在於set中
size
size只能讀不能改 ,類似於array.length,不同的是size下標從1開始
clear()
清空set物件全部資料
filter() 方法建立乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。
filter() 不會對空陣列進行檢測。
filter() 不會改變原始陣列。
[...new set(arr)]
Js基礎之陣列
在j ascript中,我們使用陣列儲存多個值。首先需要注意的是,js中陣列的每一項都可以儲存任何型別的資料,也就是說,可以用陣列的第乙個位置來儲存數值,第二個位置來儲存字串,第三個位置來儲存物件,以此類推。而且,陣列的大小是可以動態調整的,及可以隨著資料的新增自動增長以容納新的資料。還有陣列索引從...
Js基礎之函式
定義函式 我們使用function標籤來定義函式 使用函式 j ascript函式定義完畢是不能自動執行的,需要我們呼叫或者事件觸發,比如點選事件,滑鼠事件,鍵盤事件等。下面我們以點選事件為例,呼叫函式 引數 當我們呼叫函式的時候想給函式傳遞一些值的時候,可以使用引數。返回值 乙個函式執行完畢,可以...
JS陣列之splice函式
arrayobject.splice index,howmany,item1,item2.itemx 然後返回被刪除的專案 index為新增 刪除專案的位置。必須 howmany要刪除的專案數量,必須,0為不刪除 item1,itemx為向陣列新增的新專案。george,john,thomas,ja...