JS数组常用的方法

21 篇文章 0 订阅
11 篇文章 0 订阅

JS数组常用的方法

1.push(增加)

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

 var a = [1,2,3]
 //1.push
 a.push(3)
 console.log("push方法");
 console.log(a);
 //[1, 2, 3, 3]

2.pop(删除)

pop() 方法用于删除并返回数组的最后一个元素。

//2.pop,此时a为[1, 2, 3, 3]
a.pop()
console.log("pop方法");
console.log(a);
//[1, 2, 3]

3.shift(删除)

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

//3.shift,此时a为[1, 2, 3]
a.shift()
console.log("shift方法");
console.log(a);
//[2, 3]

4.unshift(添加)

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

//4.unshift,此时a为[2, 3]
a.unshift(2,3)
console.log("unshift方法");
console.log(a);
//[2, 3, 2, 3]

5.sort(排序)

sort() 方法用于对数组的元素进行排序。

//5.sort,此时a为[2, 3, 2, 3]
a.sort()
console.log("sort方法");
console.log(a);
//[2, 2, 3, 3]

6.revere(排序)

reverse() 方法用于颠倒数组中元素的顺序。

//6.revere,此时a为[2, 2, 3, 3]
a.reverse()
console.log("reverse方法");
console.log(a);
//[3, 3, 2, 2]

7.splice(修改)

1.splice,此时a为[3, 3, 2, 2] 作用:删除、替换、删除
2.splice(index,howmany,item1,…,itemX)
3.index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
4.howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
5.item1, …, itemX 可选。向数组添加的新项目。

//(1).删除
a.splice(0,1) //删除第一个
console.log("splice删除");
console.log(a);
//此时a [3, 2, 2]
// (2).替换 把索引为1的元素2替换成a
a.splice(1,1,'a') 
//删除元素时,第二个参数我这里设为1,可理解为在索引为1的地方删除1个元素后用新的元素
//替换被删除的元素
console.log("splice替换");
console.log(a);
// 此时a [3, "a", 2]
// (3).添加,在3后添加4 ,即在索引为1的地方增加一个元素4
a.splice(1,0,4) 
// //添加元素时,第二个参数为0,可理解为在索引为1的地方删除0个元素后用新的元素
//替换删除的元素
console.log("splice添加");
console.log(a);
// // 此时a [3, 4, "a", 2]

8.split(分割)

split() 方法用于把一个字符串分割成字符串数组。
stringObject.split(separator,howmany)
1.separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
2.separator是一个空字符时,会返回一个单字符的数组
3.howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,
返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

var b = "f-ff-gg-ll-kkk";
var c = b.split("-",3);
console.log(c);
//["f", "ff", "gg"]

9.slice(查找)

slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)
1.start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
2.end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。
2.1如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。
2.2如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

var d = [1,2,3,4,5,6,7]
var e;
e = d.slice(0,1); //从下标0开始,截取1位
console.log(e);  //[1]
e = d.slice(-4,-2);  //截取-4到-2(不含-2)之间的元素
console.log(e);
//[4, 5]
e = d.slice(-4,5);  //截取-4到5(不含5)之间的元素
console.log(e);
//[4, 5]
e = d.slice(1,-1);  //截取1到-1(不含-1)之间的元素
console.log(e);
//[2, 3, 4, 5, 6]

10.join()(转化)

数组.join([string]):将数组以指定分隔符的形式分隔成字符串

let arr = [0,1,2,3,4,5],
newArr = arr.join('|');
console.log(newArr,arr)
//输出 0|1|2|3|4|5

11.检查数组中是否包含某一项

  • indexof()
    /*
        数组.indexOf(n,m):检测要检索这一项的值在数组中第一次出现的位置
        @params:
            n:要检索的值
            m:从索引m开始,不填则默认从0开始(非必填)
        @return:
            要检索的这一项第一次出现的索引,未找到则返回-1
    */
     
    let arr = [0,1,2,3,4,5,'morning',7,'morning'];
    console.log(arr.indexOf('morning'))//=>6
    console.log(arr.indexOf('morning',7))//=>8
    
  • lastIndexOf()
    /*
        数组.lastIndexOf():查找需要检索的元素在数组中最后一次出现的索引
        @params:
        @return: 需要检索的元素最后一次出现的索引,没有则返回-1
    */
     
    let arr = [0,1,2,3,4,5,'morning',7,'morning'];
    console.log(arr.lastIndexOf('morning'))//=>8
    
  • incloudes
    /*
        数组.includes(n,m):验证数组是否包含某项元素
        @parmas:
            n:需要查询的元素
            m:从索引m开始向后检索,默认为0,如果为负数,且它大于数组长度则会重置为从 0 开始。
        @return:若指定数组包含返回true否则返回flase
    */
        let PersonA = {
          name: "Zack",
          age: 21
        }
        let arr = [0, '1', PersonA, 'morning'];
        console.log(arr.includes(PersonA));//=> true
     
     
        let arr2 = [0, '1', PersonA, 'morning'];
        console.log(arr2 .includes(PersonA,-5));//=> true
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS数组常用方法有很多,以下是其中的一些常用方法: 1. Array.push():向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。 2. Array.pop():删除数组的最后一个元素,并返回删除的元素。原数组改变。 3. Array.shift():删除数组的第一个元素,并返回删除的元素。原数组改变。 4. Array.unshift():向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。 5. Array.reverse():反转数组的顺序。原数组改变。 6. Array.sort():对数组进行排序。原数组改变。 7. Array.splice():从数组中删除元素,并可以在指定位置插入新的元素。原数组改变。 8. Array.concat():合并两个或多个数组,生成一个新的数组。原数组不变。 9. Array.join():将数组的所有元素连接成一个字符串。原数组不变。 10. Array.indexOf():返回指定元素在数组中的索引,如果不存在则返回-1。 11. Array.slice():从指定位置截取数组的片段并返回新的数组。原数组不变。 12. Array.forEach():对数组的每个元素执行指定的操作。 13. Array.map():对数组的每个元素执行指定的操作,并返回一个新的数组。 14. Array.filter():根据指定的条件过滤数组的元素,并返回一个新的数组。 15. Array.every():检测数组的所有元素是否都满足指定的条件。 16. Array.some():检测数组的是否存在满足指定条件的元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值