陣列的常見操作方法

2021-08-25 23:01:54 字數 3516 閱讀 3349

let arr = [1,4,5,7,9];

1. 判斷陣列中某個元素是否存在

para1:待判斷的元素

返回值:元素在陣列中的索引,如果不存在,返回-1

let i***ist = arr.indexof(4) !=-1;
2、向陣列中追加元素

para1:要追加的元素

返回值是陣列的長度;

arr.push(100);
3、在陣列的開頭新增元素

para1:待新增的元素

返回值是陣列的長度

場景:下拉重新整理

arr.unshift(-2);
4、刪除陣列結尾的元素

無引數返回值是刪除的元素

let e= arr.pop();

console.log(e);//100

5、刪除陣列開頭的元素

返回值是刪除的元素

arr.shift();
6、從陣列中刪除一些元素,插入一些元素;

para1:開始索引

para2:刪除元素的數目(開始索引是刪除的起始位置)

para3...:要插入的元素(開始索引也就是插入的位置,可以插入多個)

場景:用新元素替換舊陣列的乙個元素

返回值是被刪除的元素構成的陣列;

console.log(arr)

let de= arr.splice(1,2,1000,200);

可以刪可以加

7、獲取乙個子陣列

para1:開始位置;包含開始

para2:結束位置;不包含結束 [start,end);

返回值是子陣列;

let s= arr.slice(1,3);

console.log(s);

8、陣列的拼接

console.log(arr);

let arr2=[-1,-2,90];

para1.....:待拼接的陣列(可以拼接多個)

返回值拼接之後的新陣列;(arr)原陣列不受影響

let c= arr.concat(arr2);

console.log(c);

console.log(arr);

弱型別語言可以多個引數,強型別的引數是固定的

9、陣列的遍歷

引數: 元素,索引,所在的陣列

para1:操作函式

para1:元素

para2:索引

para3:元素所在的陣列

arr.foreach((item,index,array)=>)
10、陣列的對映

para1:操作函式

para1:元素

para2:索引

para3:元素所在的陣列

返回值是該元素對映的新元素(一一對應)

返回值是對映得到的新陣列

let m= arr.map((item,index,array)=>)

console.log(m);

let stus = [,,

,]let stunames = stus.map((item)=>)

console.log(stunames);

11、陣列的聚合

para1:操作函式

para1:舊值;上一次聚合的結果;

para2:當前元素

para3:當前元素的索引

para4:當前元素所在的陣列

返回值:該次聚合的結果

para2:聚合時使用的初值(0加,1乘)

返回值是 聚合後的資料

let rd=arr.reduce((prevalue,curvalue,curindex,array)=>,0)

console.log(rd);

// [1,10000,200,7,9]

// 初值:0 

// 第一次    0     1    0      1 

// 第二次    1    10000  1     10001

// 第三次  10001  200    2    10201

// 第四次  10201  7      3     10208

// 第五次  10208  9      4     10217 

// 返回值是 10217

// 計算每個字母出現的頻率

let str ='fsadfasdfagagajkgnahjgasdjfajsfjk';

let strarr=str.split('');

console.log(strarr);

let sr=strarr.reduce((prevalue,curvalue,curindex,array)=>

prevalue[curvalue] +=1;

console.log(prevalue);

return prevalue;

},{})

console.log(sr);

12、陣列過濾

para1:操作函式

para1:元素

para2:索引

para3:元素所在的陣列

返回值 true/false ; true:滿足條件;false:不滿足條件

返回值是 滿足過濾條件的新陣列

let fa = arr.filter((item,index,array)=>)

console.log(fa);

13、陣列排序

para1:操作函式

para1:陣列中乙個元素

para2:陣列中另乙個元素

返回值是true/false;

返回值排序後的新陣列

let sortedarr=arr.sort((num1,num2)=>)

console.log(sor1);

sort=sor1[0];

sort2=sor1[sor1.length-1];

console.log(sort);

console.log(sort2);

// 第二種方法

let num4;

let str1=arrt1.foreach((item)=>)

console.log(num4)

js陣列的常見操作方法

let arr 1,2,3,4,5 let num1 arr.splice 2,3,6,6,6 console.log num1,arr splice 乙個引數是刪除的位置 兩個引數 第乙個是刪除的位置 第二是刪除的個數 三個引數 第乙個是插入元素的位置,第二個值是插入的個數,後面的都是插入的元素 ...

JS中陣列常見的操作方法

基礎型別 string 字串 number 數字 boolean 布林值 null 空物件 undefined 末定義 symbol new in es 6 引用型別 object 物件 array 陣列 function 函式 基本型別儲存的是值,引用型別儲存的是物件的位址,所有基本型別賦值是按值...

陣列操作方法

arr.join 符號 拼接 arr.push 追加元素 返回長度 arr.pop 刪除最後乙個元素,返回被刪除的元素 arr.unshift 向陣列的開頭新增乙個或更多元素,並返回新的長度。arr.shift 刪除並返回陣列的第乙個元素 陣列的指標 下移 一位 arr.reverse 顛倒陣列中元...