js 删除数组的几种方法小结

当需要从Javascript数组中删除元素时,有多种可供选择的方法。本文将介绍几种最为常见的、实用的Javascript删除数组元素的方法。

slice方法

slice()方法接受两个整数参数,用于指定要删除的元素的起始和结束位置。该方法返回含删除元素的新数组。

let arr = ["apple", "banana", "orange", "peach", "lemon"];
let removedArr = arr.slice(1,3);
console.log(removedArr); // ["banana", "orange"]
console.log(arr); // ["apple", "banana", "orange", "peach", "lemon"]

在上面的例子中,使用了slice()方法删除了原数组的第1个和第2个元素。方法返回新创建的数组,只包含删除的两个元素。

splice方法

splice()方法允许进行更加复杂的操作。该方法接受3个参数:起始位置、要删除的元素数量以及任意数量的新元素。该方法会改变原数组。

let arr = ["apple", "banana", "orange", "peach", "lemon"];
arr.splice(1,2);
console.log(arr); // ["apple", "peach", "lemon"]

在这个例子中,splice()方法从原数组中删除了第2个和第3个元素("banana" 和 "orange")。splice()方法在原数组上修改,所以它不会返回新的数组。

filter方法

filter()方法可以返回与要删除元素不匹配的所有元素。该方法不会改变原数组,而是创建出一个新的含有筛选后数据的数组。

let arr = ["apple", "banana", "orange", "peach", "lemon"];
let removedArr = arr.filter(function(item) {
  return item !== "banana" && item !== "orange";
});
console.log(removedArr); // ["apple", "peach", "lemon"]
console.log(arr); // ["apple", "banana", "orange", "peach", "lemon"]

在上面的例子中,对原数组使用了filter()方法,只返回含有不需要删除的元素的新数组。

通过选择合适的方法,可以方便地删除Javascript数组中的元素。使用slice()方法可以简单地删除前几个或后几个元素。splice()方法比slice()更加强大,可以删掉任意位置的多个元素或加入新的元素。filter()方法返回与删除的元素不匹配的元素,可以用于创建一个新数组。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 删除数组的几种方法小结 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • javascript对HTML字符转义与反转义

    下面是关于JavaScript对HTML字符转义与反转义的完整攻略。 什么是HTML字符转义与反转义? HTML字符转义指的是将HTML代码中的特殊字符转换成它们对应的实体编码,这是为了避免这些字符被解析成HTML代码而产生错误。例如,把小于号 < 转换成 &lt;。 HTML字符反转义指的是将实体编码转换回原始的字符,以便正确地显示内容。 J…

    JavaScript 2023年5月20日
    00
  • JavaScript函数执行、作用域链以及内存管理详解

    JavaScript函数执行、作用域链以及内存管理详解 在JavaScript中,函数是一等公民,其执行依赖于作用域链和内存管理机制。理解这些概念对于编写高质量的JavaScript代码至关重要。本文将详细介绍JavaScript函数执行、作用域链以及内存管理的相关知识。 函数执行 JavaScript中的函数执行过程分为创建阶段和执行阶段两个阶段。 创建阶…

    JavaScript 2023年5月18日
    00
  • js常用自定义公共函数汇总

    JS常用自定义公共函数是指在JS开发中常用的、可多次使用的函数,初学者建议掌握,提高开发效率。 常用自定义公共函数 1. 获取URL查询参数 在开发中,获取URL中的查询参数是很常见的需求。以下是一个获取URL中查询参数的函数: function getQueryString(name) { var reg = new RegExp("(^|&am…

    JavaScript 2023年5月27日
    00
  • JS正则表达式验证账号、手机号、电话和邮箱是否合法

    下面我将介绍使用JavaScript正则表达式来验证账号、手机号、电话和邮箱是否合法的方法。 验证账号 账号的验证规则是由字母、数字、下划线组成的,长度为4-16位。我们可以使用正则表达式来进行验证。具体代码如下: function validateUsername(username) { var pattern = /^[a-zA-Z0-9_]{4,16}…

    JavaScript 2023年6月10日
    00
  • 积累比较常用的正则表达式(例如:匹配中文、匹配html)

    Markdown格式的文本有一些基本规则。比如,使用#、##、###等#符号表示章节标题,使用*、-、+等符号表示无序列表,使用>符号表示引用等。下面,我将详细讲解“积累比较常用的正则表达式”的攻略: 1. 正则表达式基础 正则表达式是用来匹配字符串及其组成部分的一种模式化方法。正则表达式主要包括以下几个元素:1. 原义字符:表示字符本身,如a表示字母…

    JavaScript 2023年6月10日
    00
  • JavaScript基础系列之函数和方法详解

    下面是“JavaScript基础系列之函数和方法详解”的完整攻略: 1. 函数的定义和调用 1.1 函数的定义 函数的定义可以使用 function 关键字,语法如下: function functionName(parameter1, parameter2) { // Function body } 其中 functionName 表示函数名,parame…

    JavaScript 2023年5月18日
    00
  • getElementByID、createElement、appendChild几个DHTML元素第2/2页

    针对这几个DHTML元素,我们一个一个来详细讲解。 getElementByID getElementByID 方法是用于通过 id 属性获取 HTML 元素的方法。它返回一个代表指定元素的对象。使用该方法时,需要在 HTML 元素上指定一个唯一的 id 属性,例如: <div id="example"></div&gt…

    JavaScript 2023年6月10日
    00
  • JavaScript 学习笔记之操作符(续)

    JavaScript 学习笔记之操作符(续) 前言 在之前的文章中,我们已经讲解了 JavaScript 中的基本操作符,本文将延续该话题,再次强调一些高级操作符的使用方法。 递增(++)和递减(–) ++ 和 — 操作符用于将变量的值加一或减一。当它们出现在变量前面时,会先进行加减操作,再将修改后的值赋给变量。如果它们出现在变量的后面,则先将变量的值赋…

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部