js基礎 陣列的方法

2022-10-08 20:21:20 字數 2539 閱讀 3865

—-可以通過索引來從陣列中提取指定元素

—-該方法不會改變元素陣列,而是將擷取到的元素封裝到乙個新的陣列中返回。

—引數1(必須):擷取開始的位置的索引,包含開始索引。

2(可選):擷取結束的位置的索引,不包含結束索引。不寫該引數則會擷取從開始到最後的所有元素。

索引可以傳乙個負值,如果傳遞乙個負值,則從後往前計算。

比如-1:倒數第乙個,-2倒數第二個;

var arr=['張三','李四','王五','趙六','小明'];

var newarr=arr.slice(2,3);

console.log(newarr);

輸出結果如下:

—-可以用於刪除陣列中的指定元素

—-使用splice()會影響到原陣列,會將指定元素從原陣列中刪除,並將被刪除的元素作為返回值返回。

—-引數:

第乙個:表示開始位置的索引。

第二個:表示刪除的數量。

第三個及以後:可以傳遞一些新的元素,這些元素將會依次自動插入到開始位置索引前邊。

使用案例:

var arr=['張三','李四','王五','趙六','小明'];

console.log(arr);

var newarr=arr.splice(2,2,'牛魔王','鐵扇公主');

console.log(newarr);

console.log(arr);

輸出結果如下圖:

如果乙個都不刪,這個方法相當於在指定位置插入元素。

var arr=['張三','李四','王五','趙六','小明'];

console.log(arr);

var newarr=arr.splice(2,0,'牛魔王','鐵扇公主');

console.log(newarr);

console.log(arr);

輸出結果如下圖:

可以連線兩個或多個陣列,並將新的陣列放回,該方法不會對原陣列產生影響。

引數為要連線的陣列,也可以是實參。

比如:

var arr=['孫悟空','白龍馬','唐三藏'];

var arr2=['蜘蛛精','白骨精','蛇精'];

var arr3=['二郎神','哪吒','托塔天王'];

var newarr=arr.concat(arr2,'小張',arr3);

console.log(newarr);

其輸出結果如下圖:

—-該方法可以將陣列轉換為乙個字串

—-該方法不會對原陣列產生影響

—-在join()中可以指定乙個字串作為引數,這個字串將會作為陣列中元素之間的連線符。如果不指定連線符,則預設使用,(逗號)作為連線符。

比如:

var arr=['孫悟空','白龍馬','唐三藏'];

arr=arr.join();

console.log(arr);

輸出結果如下圖:

—-該方法用來反轉陣列,該方法會改變原陣列。

比如:

var arr=['孫悟空','白龍馬','唐三藏'];

arr=arr.reverse();

console.log(arr);

—-可以用來對陣列中的元素進行排序,會影響原陣列,缺省會按照unicode編碼進行排序,即使對於純數字的陣列,使用sort()排序,也會按照unicode編碼排序,所以對數字進行排序時,可能會得到錯誤的結果。

比如:

var arr=[11,5,3,4,2,1];

arr=arr.sort();

console.log(arr);

輸出結果如下圖:

如果想使用sort()方法進行正確排序,我們可以自己來指定排序的規則:

—-我們可以在sort()括號裡新增乙個**函式,來指定排序規則:

**函式中需要定義兩個形參,瀏覽器將會分別使用陣列中的元素作為實參去調**函式,使用哪個元素調不確定,但是肯定的是在陣列中a一定在b前邊。

—-瀏覽器會根據**函式的返回值來決定元素的順序,

如果返回值大於0,則元素會交換位置。

如果返回乙個小於的值,則元素位置不變,

如果返回乙個0,則認為兩個元素相等,也不交換位置。

—如果需要公升序排列,則返回a-b,降序則返回b-a

比如:

var arr=[11,5,3,4,2,1];

arr=arr.sort(function(a,b));

console.log(arr);

輸出結果為按照降序排序,如圖

JS基礎 陣列的方法

一 陣列的物件方法 concat 引數 可以是單個或多個元素,也可以是乙個或多個陣列,也可以混合使用。返回值 返回拼接後的陣列。特點 不改變原陣列。注意點 雖然傳遞的引數是陣列,但是操作的是陣列裡面的元素。join 用法 把陣列的所有元素放入乙個字串。元素通過指定的分隔符進行分隔。引數 指定的符號,...

js 陣列基礎和陣列方法的使用

陣列物件的作用是 使用單獨的變數名來儲存一系列的值。var array new array 1 var mycars new array mycars 0 abhs mycars 1 jdhfl mycars 2 jhafjkh 2 也可以使用乙個整數自變數控制陣列的容量 var mycars ne...

js陣列基礎 屬性及方法

建立陣列 var arr 通過建構函式的方式 var arr new array 儲存資料 var arr 資料1 資料2 資料3 var arr new array 資料4 資料5 資料6 arr 3 資料7 arr 6 資料8 arr 6 資料9 console.log arr 1 遍歷陣列 f...