js删除数组中某一项或几项的几种方法

一、删除第一个元素

1、shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
注意: 此方法改变数组的长度!

提示: 移除数组末尾的元素可以使用 pop() 方法。

let arr = [1,2,3,4,5]
arr.shift()  // 1
// arr => [2,3,4,5]

2、slice() 方法可从已有的数组中返回选定的元素。

slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

注意: slice() 方法不会改变原始数组。

let arr = [1,2,3,4,5]
let newArr = arr.slice(1)
// arr => [1,2,3,4,5]
// newArr => [2,3,4,5]

3、splice() 方法用于添加或删除数组中的元素。

注意:这种方法会改变原始数组。

返回值
如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

let arr = [1,2,3,4,5]
let newArr = arr.splice(0, 1)
// arr => [2,3,4,5]
// newArr => [1]

二、删除最后一个元素

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

注意:此方法改变数组的长度!

提示: 移除数组第一个元素,请使用 shift() 方法。

let arr = [1,2,3,4,5]
arr.pop() //  5
// arr => [1,2,3,4]

2、slice() 方法

let arr = [1,2,3,4,5]
let newArr = arr.slice(0, arr.length - 1)
// arr => [1,2,3,4,5]
// newArr => [1,2,3,4]

3、 splice() 方法用于添加或删除数组中的元素。

let arr = [1,2,3,4,5]
let newArr = arr.splice(arr.length - 1, 1)
// arr => [1,2,3,4]
// newArr => [5]

三、删除数组中某个指定下标的元素

1、splice 删除

let index = 3
let arr = [1,2,3,4,5]arr.splice(index, 1) // [4]
// arr => [1,2,3,5]

2、for循环删除

let index = 3, // 删除的idarr = [1,2,3,4,5],arrLen = arr.length,newArr = [];for (let i = 0; i < arrLen; i++) {if (i !== index) {newArr.push(arr[i])}
}// arr => [1,2,3,4,5]
// newArr => [1,2,3,5]

3、delete删除

JavaScript提供了一个delete关键字用来删除(清除)数组元素。

要注意的是,使用delete删除元素之后数组长度不变,只是被删除元素被置为empty了。

let index = 3
let arr = [1,2,3,4,5]
delete arr[index]
// arr  = > [1, 2, 3, empty, 5]

四、删除数组中某个指定元素

1、splice 删除

let value = 'b',arr = ['a','b','c','d']arr.splice(arr.indexOf(value), 1) // ['b']
// arr => ['a','c','d']

2、filter 删除

var arr = ['a','b','c','d'],value = 'b'arr = arr.filter(item => item != value)
// arr => ['a','c','d']

3、for 删除

let value = 'b',arr = ['a','b','c','d'],arrLen = arr.length,newArr = []for (let i = 0; i < arrLen; i++) {if (arr[i] !== value) {newArr.push(arr[i])}
}// 其他forEach、map、for of循环同理

4、Set 删除

let arr = ['a','b','c','d'],value = 'b'
let newSet = new Set(arr)
newSet.delete(value)
let newArr = [...newSet]
// newArr => ['a','c','d']

js删除数组中指定元素相关推荐

  1. JS删除数组中指定元素/删除数组中指定对象

    删除数组中指定对象指定元素 let arr = [{name: "xiaowang",id: 1 },, {name: "xiaozhang",id: 2 }, ...

  2. js删除数组中指定元素_js中数组操作详解

    今天给大家带来一篇有关数组操作方法的文章. 新建数组 方法一:通过new运算符创建一个数组构造函数. var arr = new Array(); 方法二:通过方括号直接创建直接量数组. var ar ...

  3. js 删除数组中指定元素

    一.不直接修改数组 方法一: function removeElement(arr, item) {var result=[];for(var i=0; i<arr.length; i++){i ...

  4. html数组删除指定元素,js怎么删除数组中指定元素?

    js中删除数组中指定元素的方法:首先通过循环遍历该数组得到指定元素的索引值,然后根据索引值使用splice()方法即可删除元素,语法"array.splice(索引值,1)". J ...

  5. js删除数组中指定对象

    js删除数组中指定对象 需求说明 从数组中移除指定对象函数封装 `removeArray` 从数组中获取指定对象索引函数封装 `getArrayIndex ` 在`Vue`中调用函数使用 需求说明 点 ...

  6. JavaScript中如何删除数组中指定元素

    js中删除数组中指定元素大致有以下三中方法. 1.使用for循环遍历,根据条件判断. for (let i = 0; i < array.length; i++) {if (array[i] = ...

  7. (js)删除数组中某个元素的几种方式

    (js)删除数组中某个元素的几种方式 filter 删除删除数组中某个指定元素 //过滤出item.srcConcept != this.vertex的对象 this.edit.conceptData ...

  8. 数组操作-删除数组中指定元素

    删除数组中指定元素 //删除数组中指定元素removeByValue(arr, val) {for (var i = 0; i < arr.length; i++) {if (arr[i] == ...

  9. JavaScript 删除数组中指定元素(5种方法)

    JavaScript 删除数组中指定元素 在 JavaScript 中,数组是一种常见的数据类型,可以存储多个元素.有时候,我们需要从数组中删除某些特定的元素.本文将介绍如何使用 JavaScript ...

最新文章

  1. Linux Sed命令具体解释+怎样替换换行符quot;\nquot;(非常多面试问道)
  2. JFrame 简单使用
  3. FFMPEG命令行处理视频进阶——高阶必读
  4. 【机器学习】机器学习神器Scikit-Learn保姆级入门教程
  5. win10 下用 vs code 编译调试代码的过程 (MinGW)
  6. Vue 2.0 入门系列(15)学习 Vue.js 需要掌握的 es6 (2)
  7. java 多态与重载的区别_java实现多态 方法的重写和重载的区别
  8. case class和trait
  9. java帮助文档中文怎么下载,看完必懂
  10. 华为NCE网管配置EPLAN
  11. c语言有cot三角函数吗,c/c++ 实现三角函数(不使用库函数) sin/cos/tan/cot
  12. gif制作软件 ScreenToGif
  13. dex字符串解密_[原创]通过CTF学习Android漏洞(炸弹引爆+dex修复)
  14. 通过swoole扩展,实现简单的匿名聊天室功能
  15. uni-app云开发的网盘助手微信小程序源码抓取网盘资源引流好助手
  16. 2022年度猫狗粮销售数据:十大热门品牌排行榜,哪些品牌入围?
  17. 图片显示上下有空白的解决办法
  18. [激光原理与应用-43]:《光电检测技术-10》- 激光测距原理、方案与案例分析:TOF VL53L0X模块
  19. WPF入门0:WPF的基础知识
  20. python和java对接数据的简单实现

热门文章

  1. Springboot——死信队列 DLX 配置和使用
  2. 无线桥接dns服务器无响应,路由器无线桥接后不能登录副路由怎么办(2)
  3. Mongodb应用程序无法正常启动(0xc0000022)——权限问题错误码
  4. 全球与中国LFP阴极粉末市场深度研究分析报告
  5. 外设驱动库开发笔记46:MAX31855热偶变送器驱动
  6. 7.关于cdn、页面静态化
  7. 我们生活中的常见致癌物
  8. outline:none || hidefocus=true || onfocus=this.blur();
  9. js计算精度问题-保留两位有效数字
  10. 关于VBA编辑word自动生成报告