js删除数组中的一个元素_js数组包含某个元素
2023-06-13 09:14:59 时间
目录
第一种:删除最后一个元素
pop 删除
var arr = [1,2,3,4,5]arr.pop()// arr => [1,2,3,4]
slice 删除
var arr = [1,2,3,4,5]var new_arr = arr.slice(0, -1)// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]var arr = [1,2,3,4,5]var new_arr = arr.slice(0, arr.length - 1)// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]
splice 删除
var arr = [1,2,3,4,5]var new_arr = arr.splice(-1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(-1, 1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(arr.length - 1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(arr.length - 1, 1)// arr => [1,2,3,4]// new_arr => [5]
for 删除
var arr = [1,2,3,4,5]var new_arr = []for (let i = 0, len = arr.length; i < len; i++) { if (i < len - 1) { new_arr.push(arr[i]) }}// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]
length 删除
var arr = [1,2,3,4,5]arr.length = arr.length - 1// arr => [1,2,3,4]
第二种: 删除第一个元素
shift 删除
var arr = [1,2,3,4,5]arr.shift()// arr => [2,3,4,5]
slice 删除
var arr = [1,2,3,4,5]var new_arr = arr.slice(1)// arr => [1,2,3,4,5]// new_arr => [2,3,4,5]
splice 删除
var arr = [1,2,3,4,5]var new_arr = arr.splice(0, 1)// arr => [2,3,4,5]// new_arr => [1]
第三种:删除数组中某个指定下标的元素
splice 删除
var delete_index = 2var arr = [1,2,3,4,5]// arr => [1,2,3,4,5]var new_arr = arr.splice(delete_index, 1)// new_arr => [3]// arr => [1,2,4,5]
for 删除
var delete_index = 2, arr = [1,2,3,4,5], new_arr = []for (let i = 0, len = arr.length; i < len; i++) { if (i != delete_index) { new_arr.push(arr[i]) }}// arr => [1,2,3,4,5]// new_arr => [1,2,4,5]
注意:
1. 不可以使用 delete 方式删除数组中某个元素,此操作会造成稀疏数组,被删除的元素的为位置依然存在为empty,且数组的长度不变
2. 不可以使用 forEach 方法比对数组下标值,因为 forEach 在循环的时候是无序的
第四种:删除数组中某个指定元素的元素
splice 删除
var element = 2,
arr = [1,2,3,4,5]
arr.splice(arr.indexOf(2), 1)
// arr => [1,3,4,5]
filter 删除
var arr = [1,2,3,4,5],
element = 2
arr = arr.filter(item => item != element)
// arr => [1,3,4,5]
forEach、map、for 删除
var arr = [1,2,3,4,5],
element = 2,
new_arr = []
arr.forEach(item => (item != element && new_arr.push(item)))
// new_arr => [1,3,4,5]
// map 同理
var arr = [1,2,3,4,5],
element = 2,
new_arr = []
for (let i = 0; i < arr.length; i++) {
arr[i] != element && new_arr.push(arr[i])
}
// new_arr => [1,3,4,5]
Set 删除
var arr = [1,2,3,4,5],
element = 2
var new_set = new Set(arr)
new_set.delete(element)
var new_arr = [...new_set]
// new_arr => [1,3,4,5]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/186962.html原文链接:https://javaforall.cn
相关文章
- js书写原生ajax,JS 原生ajax写法
- js数组遍历的方法_图的遍历及应用实验总结
- 【说站】js数组归并的方法
- js数组字符串转数组对象_js数组对象排序
- js filter过滤数组_js一个数组过滤另一个数组
- 为了实现客服系统关键词分隔符切分,封装js实现根据多个分隔符分隔字符串为数组
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- 【算法】js求一个数组的幂集
- JS遍历数组(for in和forEach循环)
- JS使用自定义的方法初始化数组
- JS数组实现图片切换
- JS数组(Array)的创建、访问及元素的引用
- 一段非常简单的让图片自动切换js代码
- Javascript入门学习第四篇js对象和数组
- js实现的类marquee水平循环滚动
- 如何写JS数组sort的比较函数
- js以对象为索引的关联数组
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js关闭当前页面(窗口)的几种方式总结
- js二维数组排序的简单示例代码
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- js二维数组定义和初始化的三种方法总结
- js语法学习之判断一个对象是否为数组