数组(arr)的常用方法

一、arr常用的方法

  1. push:追加元素
  2. unshift:在前面追加元素
  3. pop:删除最后一个的元素
  4. shift:删除第一个元素
  5. splice:删除指定的元素(第一个参数索引位置,第二个删除的个数,第三个参数需要更改的信息)
  6. reverse:倒序
  7. sort:排序
  8. concat:拼接
  9. slice:截取(第一个参数是开始的索引,第二个是结束的索引,会包裹开始的索引,但不会包裹结束的)
  10. indexOf:查找,(找到返回值的索引,找不到返回-1)
  11. lastindexOf:从后往前查找
  12. foreach:遍历
  13. map:映射
  14. filter:过滤
  15. every:每一项是否满足,返回布尔值
  16. some:其中一项是否满足条件,返回布尔
  17. reduce:叠加

二、方法的使用

1、arr.push()

  • 向末尾添加新的元素
  • 支持添加多个元素
  var arr=[1,2,3,4,5,6]
        arr.push(10,11,)
        console.log(arr);

在这里插入图片描述
2、arr.unshift()

  • 向开头添加新元素
  • 支持多个元素
 var arr=[1,2,3,4,5,6]
        arr.unshift(10,11,)
        console.log(arr);

在这里插入图片描述
3、arr.pop()

  • 删除最后一项
  • 返回值是删除的元素
var arr=[1,2,3,4,5,6]
        arr.pop()
        console.log(arr);

在这里插入图片描述
4、arr. shift()

  • 删除第一个元素
var arr=[1,2,3,4,5,6]
        arr.shift()
        console.log(arr);

在这里插入图片描述
5、arr.splice()

  • 删除指定的元素
  • 第一个参数是开始的索引值
  • 第二个参数是删除的个数
  var arr=[1,2,3,4,5,6]
        arr.splice(1,3)
        console.log(arr);

在这里插入图片描述
6、arr.reverse()倒叙

 var arr=[1,2,3,4,5,6]
        console.log(arr.reverse());

在这里插入图片描述
7、arr.sort()排序

 var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.sort(function (a, b) {
            return b - a
        })
        console.log(x);

在这里插入图片描述
8、arr.concat()

  • 数组的拼接
  • 参数是第二个数组
  var arr = [1, 2, 3, 4, 5, 6]
        var arr2 = [7, 8, 9, 10]
        console.log(arr.concat(arr2));

在这里插入图片描述
9、arr.slice()

  • 元素的截取
  • 第一参数开始截取的索引
  • 第二个参数结束的索引
  • 截取的值会包括开始的索引值,但不会包括结束的索引值
     var arr = [1, 2, 3, 4, 5, 6]
        console.log(arr.slice(1,4));

在这里插入图片描述
10、arr.indexOf()

  • 查询是否包含
  • 包含:返回查询值的索引
  • 不包含:返回-1
 var arr = [1, 2, 3, 4, 5, 6]
        console.log(arr.indexOf(3));

var arr = [1, 2, 3, 4, 5, 6]
        console.log(arr.indexOf(7));

在这里插入图片描述
在这里插入图片描述
11、arr.foreach()遍历

    var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.forEach(function (item) {
            console.log(item);
        })
       

在这里插入图片描述
12、arr.map()

  • 将数组的元素映射成某一项
  • 常用于映射称
  • 插入到dom里面
var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.map(function (item) {
            console.log('Pikachu',item);
        })

在这里插入图片描述
13、arr.filter()

  • 对于每一项进行过滤
  • 返回值是满足过滤条件的
 var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.filter(function (item) {
            return item>3
        })
        console.log(x);

在这里插入图片描述
14、arr.every()

  • 每一项是否都满足条件
  • 返回值是布尔类型
  var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.every(function (item) {
            return item<7
        })
        var y = arr.every(function (item) {
            return item>3
        })
        console.log(x,y);

在这里插入图片描述

15、arr.some()

  • 其中一项满足条件
  • 返回值是布尔类型
var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.some(function (item) {
            return item<2
        })
        var y = arr.some(function (item) {
            return item>6
        })
        console.log(x,y);

在这里插入图片描述
16、arr.reduce()叠加

   var arr = [1, 2, 3, 4, 5, 6]
        var x = arr.reduce(function (prev,item) {
            return prev+item
        })
        console.log(x);

在这里插入图片描述

  • 1
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript中,数组有许多常用方法可以帮助我们处理和操作数组。以下是一些常见的JavaScript数组方法: 1. Array.concat(arr1, arr2...):将两个或多个数组合并成一个新数组。原数组不会被改变。 2. Array.splice(index, howmany, arr1, arr2...):用于添加或删除数组中的元素。从指定的index位置开始删除howmany个元素,并将arr1、arr2...依次插入到数组中。如果howmany为0,则不会删除任何元素。原数组会被改变。 3. Array.map(function):对数组中的每个元素执行指定的函数,并将函数的返回值组成一个新的数组。原数组不会被改变。 4. Array.filter(function):根据指定函数的条件,筛选出满足条件的元素,返回一个新的数组。原数组不会被改变。 5. Array.forEach(function):对数组中的每个元素执行指定的函数,没有返回值。原数组不会被改变。 6. Array.find(function):返回数组中满足指定条件的第一个元素。如果没有找到满足条件的元素,则返回undefined。 7. Array.findIndex(function):返回数组中满足指定条件的第一个元素的索引。如果没有找到满足条件的元素,则返回-1。 8. Array.reduce(function):对数组中的所有元素执行指定的函数,将它们归纳为一个单一的值。原数组不会被改变。 这些是JavaScript数组的一些常用方法,它们可以帮助我们在处理数组时更加方便和高效。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [js中数组常用方法](https://blog.csdn.net/u012451819/article/details/125768796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值