javascript处理数组方法

2021-06-11 22:04

阅读:488

标签:val   ret   传参数   构建   var   ice   字符串   demo   indexof   

1.栈方法  

push()从数组末尾添加

例:arr  =  [ 1,2,3 ]
arr.push(4)
console.log(arr) // [1,2,3,4]

pop()从数组末尾移除

例:arr  =  [ 1,2,3 ]
arr.push()
console.log(arr) // [1,2]

2.转换方法

join() 将数组转换为字符串,且用分隔符分割
var colors = [1,2,3]; alert(colors.join("|")); // 1|2|3

3.队列方法

unshift()  从数组前端添加
例:arr =  [2,3]
      arr.unshift(1)   //  [1,2,3]
shift()    从数组前端移除
例:arr =  [1,2,3]
      arr.unshift(1)   //  [2,3]

4.重排序方法

reverse()  反转数组
例: arr = [1,2,3]
      arr.reverse() //[3,2,1]

sort() 排序
例:  arr = [1,29,5,98]
    arr.sort((a,b)=>{
         return b-a     
    })   
     console.log(arr) // [98,29,5,1]
     

5.操作方法

1.concat() 用于复制或者从尾部添加–>创建新数组
先创建一个当前数组的副本,然后jiang将接到的数组添加到末尾,返回新的数组。如果没有传参数,直接复制返回新构建的数组。

var values = [1,2,3];
var v1 = values.concat();
var v2 = values.concat(4);

console.log(values);  //[1,2,3]
console.log(v1);      //[1,2,3]
console.log(v2);      //[1,2,3,4]
2.slice() 用于复制或截取数组–>创建新数组
截取当前数组的一部分创建一个新数组。可以接受一个或者两个参数,只有一个参数时返回指定位置到尾部的数组。两个参数时,返回指定位置到结束位置之前但不包括结束位置的数组。
var values = [1,2,3];
var v1 = values.slice();
var v2 = values.slice(1);
var v3 = values.slice(1,3);

console.log(values);  //[1,2,3]
console.log(v1);      //[1,2,3]
console.log(v2);      //[2,3]
console.log(v3);      //[2,3]

3. splice() 用于删除、插入、替换,号称最强大的数组方法
 删除:可以删除任意数量的项,需要两个参数,要删除的第一项的位置和要删除的项数。

var values = [1,2,3,4,5,6];
var v = values.splice(0,2);

console.log(values);  //[3,4,5,6]
console.log(v);       //[1,2]

插入和替换:至少三个参数,第一个是起始位置,第二个是要删除的项,第三个及以后shi yao是要插入或替换的值。

插入demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,0,1,1,1);

console.log(values);  //[1,1,1,1,2,3,4,5,6]
console.log(v1);      //[]

替换demo:
var values = [1,2,3,4,5,6];
var v1 = values.splice(1,2,1,1,1);

console.log(values);  //[1,1,1,1,4,5,6]
console.log(v1);       //[2,3]

6.位置方法

indexOf() 从头找指定项的位置

var values = [1,2,3,4,5];
var v1 = values.indexOf(3);   // 2

lastIndexOf() 从后往前查位置
var v2 = values.lastIndexOf(3);  //2

  

javascript处理数组方法

标签:val   ret   传参数   构建   var   ice   字符串   demo   indexof   

原文地址:https://www.cnblogs.com/whblogs/p/14212915.html


评论


亲,登录后才可以留言!