JS知識整理隨筆(3)陣列

2022-09-05 16:36:14 字數 3589 閱讀 8144

使用array建構函式

語法:new array()

小括號說明

使用陣列字面量表示法

由一對包含陣列項的方括號表示,多個陣列項之間逗號隔開。

陣列中的每個值都可以是不同的型別

語法:arrayobject.push(x,x1....,xn)

功能:把它的引數順序新增到arrayobject尾部

返回值:把它指定的值新增到陣列後的新長度

語法:arrayobject.unshift(x,x1....,xn)

功能:把它的引數順序新增到arrayobject開頭

返回值:把它指定的值新增到陣列後的新長度

語法:arrayobject.pop()

功能:刪除arrayobject的最後乙個元素

返回值:被刪除的那個元素

語法:arrayobject.pop()

功能:刪除arrayobject的第乙個元素

返回值:被刪除的那個元素

語法:arrayobject.join(separator)

功能:用於把陣列中所有元素放入乙個字串

返回值:字串

var nums=[2,3,4];

var words=["hello","word"]

console.log(nums.join())

console.log(words.join("-"))

語法:stringobject.reverse()

功能:用於顛倒陣列元素的順序

返回值:陣列

var nums=[2,3,4];

console.log(nums.reverse())

語法:arrayobject.sort(sortby)

功能:用於對陣列的元素進行排序

返回值:陣列

說明

var nums=[16,23,3,14,2,-19];

//降序

console.log(nums.sort(function(a,b)));

//公升序

console.log(nums.sort(function(a,b)));

語法:arrayobject.conat(x1,x2...xn)

功能:用於連線兩個或多個陣列

返回值:陣列

var nums=[16,23,3,14,2,-19];

var word=["hello","word"];

var c=nums.concat(word);

console.log(c);

語法:arrayobject.slice(start,end)

功能:從已有的陣列中返回選定元素

引數stat(必需) 規定從何處開始選取,如果是負數,從陣列尾部開始算起

end(可選) 規定從何處結束選取,是陣列片斷結束處的陣列小標

var a=[1,2,3,4,5,6,7,8]

console.log(a.slice(2,6)); //

[3,4,5,6]

console.log(a.slice(3,6)); //

[4,5,6]

console.log(a.slice(3,5)); //

[4,5]

console.log(a.slice(-6)); //

[3,4,5,6,7,8] 公式:長度-開始位 (8-6)

console.log(a.slice(-2)); //

[7,8] (8-2)

console.log(a.slice(-4,6)); //

[5,6] (8-4) 從第四位開始擷取 到第六位結束

刪除陣列項

語法:arrayobject.splice(index,count)

功能:刪除index處開始的零個或多個元素

返回值:含有被刪除的元素的陣列

說明count是要刪除的數量,如果設定為0,則不會刪除專案。如果不設定,則刪除從index開始的所有值

var arr=["a","b","c","d","e"];

var delarr=arr.splice(2,2);

console.log(arr);

console.log(delarr);

插入陣列項

語法:arrayobject.splice(index,0,item1,...itemx)

功能:在指定位置插入值

引數 index 起始位置   0 要刪除的項數    item1,...itemx要插入的項

返回值:陣列

var arr=["a","b","c","d","e"];

var addarr=arr.splice(3,0,"m","n");

console.log(addarr);

替換陣列項

語法:arrayobject.splice(index,count,itenm1,...itemx)

功能:在指定位置插入值,且刪除任意數量的項

引數inex 其實位置  count要刪除的項數   item1,...itemx要插入的項

返回值:從原始陣列中刪除的項(如果沒有刪除任何項,則返回空陣列)

var arr=["a","b","c","d","e"];

var replacearr=arr.splice(1,2,"m","n");

console.log(arr);

console.log(replacearr);

語法:arrayobject.indexof(searchvalue,startindex)

功能:從陣列的開頭(位置0)開始向後查詢

引數searchvalue:必需 要查詢的項

startindex:可選,起點位置的索引

返回值number,查詢的項在陣列中的位置,沒有找到的情況下返回-1

var arr=[1,7,8,7,8];

var pos=arr.indexof(7);

var pos1=arr.indexof(7,3);

console.log(pos);

console.log(pos1);

語法:arrayobject.indexof(searchvalue,startindex)

功能:從陣列的末尾後查詢

引數searchvalue:必需 要查詢的項

startindex:可選,起點位置的索引

返回值number,查詢的項在陣列中的位置,沒有找到的情況下返回-1

var arr=[1,7,8,7,8];

var pos=arr.lastindexof(7);

var pos1=arr.lastindexof(7,3);

console.log(pos);

console.log(pos1);

JS知識整理隨筆(6) DOM

語法 ele.stylename stylevalue 功能 設定ele元素的css樣式 說明困了 困了 不刷了 下次見dom 語法 ele.getattribute attribute 功能 獲取ele元素的attribute屬性 說明 語法 ele.setattribute attribute ...

js知識整理 雜)

mapactions stage 3 物件展開運算子,mapactions函式返回乙個物件,然後對返回物件使用展開符 解構 可以快速取得陣列或者物件當中的元素或者屬性,無需藉由arr x 或者obj key 等方式進行賦值 var a,b,c arr 變數名與物件屬性名不一致解構 var obj v...

Android知識整理3

android開源庫面試題集 1.談談對okhttp的理解?volley與okhttp的對比 spdy協議類似於http,但旨在縮短網頁的載入時間和提高安全性。spdy協議通過壓縮,多路復用和優先順序來縮短載入時間。okhttp的子系統層級結構圖,如下 在整個okhttp的系統中,我們還要理解以下幾...