複習系列 javascript陣列的常用方法總結

2021-08-11 15:33:48 字數 4006 閱讀 7678

反向陣列array.reverse()

var unorderednumber = [4, 8, 9, 6, 7, 10, 52, 69, 74, 52, 33, 1, 65, 97, 5];

unorderednumber.reverse();

排序陣列array.sort()
/* 

由於陣列排序是將陣列元素直接轉換成字串比較

將每個陣列元素呼叫tostring()進行比較

所以才會出現下面出現的排序方法

*/var

array = [0,1,5,10,15];

array.sort();

console.log(array); // 0,1,10,15,5

// sort()`方法將傳入如下方法

// 正確的的公升序排列傳入如下方法

// 公升序

function

compare

(value1, value2) else

if (value1 < value2) else

};// 降序

function

comparelow

(value1, value2) else

if (value1 < value2) else

}var unorderednumber = [4, 8, 9, 6, 7, 10, 52, 69, 74, 52, 33, 1, 65, 97, 5];

console.log(unorderednumber.sort(compare)); // [1, 4, 5, 6, 7, 8, 9, 10, 33, 52, 52, 65, 69, 74, 97]

console.log(unorderednumber.sort(comparelow)); // [97, 74, 69, 65, 52, 52, 33, 10, 9, 8, 7, 6, 5, 4, 1]

// 如果直接想轉換陣列的順序,不介意順序還是公升序的話

// 可以直接使用reverse方法

console.log(unorderednumber.reverse()); // [1, 4, 5, 6, 7, 8, 9, 10, 33, 52, 52, 65, 69, 74, 97]

將陣列合併 array.concat()
// 在沒有傳遞引數的情況下,將新增的元素新增到原有陣列末尾

var array = ['name','***','hobby'];

var putarray = ['lalal','23333','hellow'];

var newarray = array.concat(putarray);

console.log(newarray) //

'name','***','hobby','lalal','23333','hellow'

var newarray1 = newarray.concat('23333','66666');

console.log(newarray1) //

'name','***','hobby','lalal','23333','hellow','23333','66666'

插入陣列
// push 陣列的這個方法和接下來要講的unshift方法都是在工作中用到的最多的方法

var array = ['love','my','readers'];

array.push('thanks');

console.log(array); // ["love", "my", "readers", "thanks"]

var array = ['love','my','readers'];

array.unshift('thanks');

console.log(array) // ["thanks", "love", "my", "readers"]

刪除陣列
// 接受乙個引數的時候,返回該陣列傳入值在陣列中索引位置的到末尾的所有元素

vararray = ['res','green','blue','orange'];

var array1 = array.slice(1);

console.log(array1); // 列印出array從索引1直至結束的所有元素,包含起始位置的元素

// 接受兩個引數

var array2 = array.slice(0,2);

console.log(array2); // 列印出array陣列其實索引為0和結束索引為2的元素。不包含結束索引上面的元素。

// 注意: 如果傳入的引數是負數的話,則會自動將將該引數加該陣列的長度才是實際傳入該方法的數值

// splice方法有三種,可以在指定位置插入指定元素;可以在指定位置替換元素;最後就是刪除指定位置的指定數量

// 我只說說我工作中用到最多的刪除陣列,因為我寫angular的時候。如果直接將乙個scope變數賦值給乙個空的陣列,有時候會出現陣列不更新的情況。所以我一般處理清空陣列物件的方法是如下**

vararray = ['res','green','blue','orange'];

array.splice(0,array.length);

// 這個**什麼意思呢?這個方法的第乙個引數是要刪除陣列元素的起始索引位置,第二個引數是刪除的元素個數。這樣子就很好理解這個寫法了。

// 這個方法也是我最近才開始用,但是發現超級方便的乙個方法 indexof(),引數是傳入乙個陣列的元素。它會自動查詢,如果你傳入的引數是該陣列的元素則返回該元素在該陣列的索引。反之如果傳入的元素不是該陣列的元素。則返回-1

var array = [1,2,3,4,5,6,7,8,9];

console.log(array.indexof(2)); // 列印出2在該陣列中的索引 1

console.log(array.indexof(12)); // 因為找不到12 則列印出來-1

// every() && some() 返回boolean值 以下是用法

vararray = [1,2,3,4,5,6,7,8,9,10];

varresult = array.every(function

(item,index,array)

);console.log(result); // false

var result1 = array.some(function

(item,index,array)

);console.log(result1); // true

// 這兩個方法類似於且和或的關係,當然從單詞意思也可以看出,some就是一些嘛,every就是每個嘛。乙個是滿足部分條件,乙個是滿足所有條件。

// filter 返回所有滿足條件的新的陣列

vararray = [1,2,3,4,5,6,7,8,9,10];

varresult = array.filter(function

(item,index,array)

);console.log(result); // [4, 5, 6, 7, 8, 9, 10];

// 批量運算元組 map()

vararray = [1,2,3,4,5,6,7,8,9,10];

varresult = array.map(function

(item,index,array)

);console.log(result); // [3, 6, 9, 12, 15, 18, 21, 24, 27, 30];

// 還有就是陣列的歸併方法 reduce()和reduceright() 我不做講了。。至少我現在工作暫時還沒有用到呢。有興趣的可以去了解下。

我要睡覺了,明天把構建之法看看。雖然不是工具書,但是感覺看完也會有蠻多的收穫的吧。這種複習系列我會定期更新下去。今天回顧發現還是學到了不少東西。所以,一邊學習一邊寫部落格是多麼明智的選擇。奮鬥!!!

javascript複習筆記一

ecmascript 中有5 種簡單資料型別 也稱為基本資料型別 undefined null boolean number 和string。還有1 種複雜資料型別 object,object 本質上是由一組無序的名值對組成的 nan,即非數值 not a number 是乙個特殊的數值,這個數值用...

JavaScript系列 ECMAScript語句

1 if語句 if語句語法 if condition statement1 else statement2 2 迭代語句 迭代語句又叫迴圈語句,宣告一組需要反覆執行的命令,直到滿足了某些條件為止。ecmascript為了這種處理提供了四種迭代語句。2.1 do while語句 do while語句是...

複習 查詢系列

所有的複習思想都參考了在此表示感謝 思想 順序查詢可以說是最簡單的了,正常情況下,面試官不會用這個來問你的。不然你肯定感覺被侮辱了 意思就是從前像後遍歷,如果有則返回下標否則返回 1 public static int sequencesearch int arr,int val for int i...