常用的数组API

本文详细讲解了JavaScript中数组的API,包括push(), pop(), unshift(), shift()方法,以及slice(), splice()裁切技巧。还介绍了其他常用操作如concat(), join(), indexOf(), reverse(), sort(), filter(), map()等,并通过实例演示了如何高效利用这些功能。

一、数组的API

调用数组的方法=>数组.方法();

1.push()从数组的尾部插入一个或多个元素

会修改原数组

返回新数组长度

实例:

2.pop()从数组的尾部删除一个元素

会修改原数组

返回被删除的元素

3.unshift() 从数组的头部插入一个或多个元素

会修改原数组

 返回新数组长度

  4.shift() 从数组的头部删除一个元素

 二、数组的裁切的方法

1、slice(start, end)  start:开始裁切的下标, end:结束裁切的下标(end切不到)  => 实际上裁切的范围是 下标start到end-1

slice不会修改原数组

slice返回裁切出来的数组

  • 如果只有一个参数, 则作为开始裁切的下标, 裁切到数组尾部

  •  如果传递两个参数, 则从2下标开始裁切, 裁切到6下标, 6裁切不到

 

  • 如果传递负数参数, 则从数组的尾部往前数 (或者直接使用 数组的长度+负数参数 )

  2.splice(start, length, [可选参数列表])  start:开始裁切的下标, length:要裁切多少个

  • 如果只有一个参数, 则作为开始裁切的下标, 裁切到数组尾部

  • 如果传递两个参数, 从下标2开始裁切, 裁切5个元素

 

  •  如果传递多个其他参数, 会把其他的参数, 替换数组中被掉裁切的部分

 

  •  如果传递多个其他参数, 而裁切长度为0, 把其他的参数插入要裁切的下标之前

 

  • 第一个参数允许传递负数

 三、数组的其他API

1. concat([多个参数]) 连接一个或多个数组

  不会修改原数组

 返回连接过后的数组

2.join("连接符");  以特定的连接符, 把数组连接成字符串

3.indexOf( 要查找的元素, [指定的下标] ) 在数组中查找指定元素 如果有就返回下标, 如果没有返回-1    (可选参数: 从指定下标开始往后查找元素)  

  • 如果忽略第二个参数, 则从整个数组中查找指定元素 
  •  第一个参数是要查找的元素, 第二个参数是从指定的下标开始往数组尾部查找元素

4. lastIndexOf(要查找的元素, 指定下标) 

  • 如果忽略第二个参数, 则从整个数组中查找指定元素 
  • 如果有两个参数  第一个参数是要查找的元素, 第二个参数是从指定的下标开始往数组头部查找元素

5.reverse() 反转数组, 把数组的顺序进行颠倒

6. sort() 排序

  • 不传参数, 默认按照unicode编码进行排序
  • 接收一个回调函数作为参数, 根据回调函数的返回值控制升序降序 (函数作为参数传递, 这样的函数就是回调函数)

7.filter() 过滤数组方法, 里面接受一个回调函数

  •  不修改原数组
  •   会创建新数组, 接收过滤出来的满足条件的元素, 并且返回这个数组

8. map() map数组方法, 里面接受一个回调函数

  • 不修改原数组
  •  返回一个新数组, (为原数组的每一项经过函数处理后的返回值)

9.forEach(function(ele, i, array)){ //业务逻辑 } 把forEach当成for循环来使用, forEach就是用来遍历数组的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值