草庐IT

JS 删除数组中某个元素的几种方式

ZHANG....... 2023-05-16 原文

目录

第一种:删除最后一个元素

slice 删除

splice 删除

pop 删除

length 删除

第二种:删除第一个元素

slice 删除

splice 删除

shift 删除

第三种:删除数组中某个指定元素

filter 删除

splice 删除

forEach、map、for 删除

set 删除

第四种:删除数组中指定下标的元素

splice 删除

for 删除


第一种:删除最后一个元素

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]

pop 删除

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

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]

第二种:删除第一个元素

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]

shift 删除

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

第三种:删除数组中某个指定元素

filter 删除

var arr = [1,2,3,4,5],
    element = 2
 
arr = arr.filter(item => item != element)
// arr => [1,3,4,5]

splice 删除

var element = 2,
    arr = [1,2,3,4,5]
 
arr.splice(arr.indexOf(2), 1)
// 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]

第四种:删除数组中指定下标的元素

splice 删除

var delete_index = 2
var 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 在循环的时候是无序的。

有关JS 删除数组中某个元素的几种方式的更多相关文章

  1. ruby-on-rails - 在 Ruby 中循环遍历多个数组 - 2

    我有多个ActiveRecord子类Item的实例数组,我需要根据最早的事件循环打印。在这种情况下,我需要打印付款和维护日期,如下所示:ItemAmaintenancerequiredin5daysItemBpaymentrequiredin6daysItemApaymentrequiredin7daysItemBmaintenancerequiredin8days我目前有两个查询,用于查找maintenance和payment项目(非排他性查询),并输出如下内容:paymentrequiredin...maintenancerequiredin...有什么方法可以改善上述(丑陋的)代

  2. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串? - 2

    我试图获取一个长度在1到10之间的字符串,并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符,然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

  3. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  4. ruby - 多次弹出/移动 ruby​​ 数组 - 2

    我的代码目前看起来像这样numbers=[1,2,3,4,5]defpop_threepop=[]3.times{pop有没有办法在一行中完成pop_three方法中的内容?我基本上想做类似numbers.slice(0,3)的事情,但要删除切片中的数组项。嗯...嗯,我想我刚刚意识到我可以试试slice! 最佳答案 是numbers.pop(3)或者numbers.shift(3)如果你想要另一边。 关于ruby-多次弹出/移动ruby​​数组,我们在StackOverflow上找到一

  5. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值,但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗?ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值,你可以这样做:values=@input[x]

  6. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

    我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据,就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理?我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题;这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML,但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中,将我的XML代码修改为

  7. ruby - 我可以使用 Ruby 从 CSV 中删除列吗? - 2

    查看Ruby的CSV库的文档,我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列,但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html

  8. ruby - 通过 erb 模板输出 ruby​​ 数组 - 2

    我正在使用puppet为ruby​​程序提供一组常量。我需要提供一组主机名,我的程序将对其进行迭代。在我之前使用的bash脚本中,我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby​​不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是,我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这

  9. ruby - 检查数组是否在增加 - 2

    这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加?这是我的解决方案,但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife

  10. ruby - 我可以使用 aws-sdk-ruby 在 AWS S3 上使用事务性文件删除/上传吗? - 2

    我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后,每个操作都应在S3上回滚。S3Object这可能吗?? 最佳答案 虽然S3API具有批量删除功能,但它不支持事务,因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST),因此每个上传操作都是通过一个独立的API调用完成的

随机推荐