【JavaScript】 splice slice

2023-11-30 18:08
文章标签 java script slice splice

本文主要是介绍【JavaScript】 splice slice,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

splice

splice有3个参数,它可以用来替换/删除/添加数组内某一个或者几个值

* 注意:该方法会改变原始数组。


arrayObject. splice (index , len , [item])

  • index:数组开始下标
  • len: 替换/删除的长度
  • item:替换的值,删除操作的话 item为空
  • 返回值:包含被删除项的新数组(如果有的话)

如:arr = [‘a’,’b’,’c’,’d’]

1. 删除 —— item不设置

arr.splice(1,1) //[‘a’,’c’,’d’]
删除起始下标为1,长度为1的一个值。(len设置的1,如果为0,则数组不变)

arr.splice(1,2) //[‘a’,’d’]
删除起始下标为1,长度为2的一个值

2. 替换 —— item为替换的值

arr.splice(1,1,'ttt') //[‘a’,’ttt’,’c’,’d’]
替换起始下标为1,长度为1的一个值为‘ttt’

arr.splice(1,2,'ttt') //[‘a’,’ttt’,’d’]
替换起始下标为1,长度为2的两个值为‘ttt’

3.添加 —— len设置为0,item为添加的值

arr.splice(1,0,'ttt') //[‘a’,’ttt’,’b’,’c’,’d’]
表示在下标为1处添加一项‘ttt’


❤JS能力测评经典题(牛客网)

【移除数组中的元素】

移除数组 arr 中的所有值与 item 相等的元素,请直接在给定的 arr 数组上进行操作

输入例子:
removeWithoutCopy([1, 2, 2, 3, 4, 2, 2], 2)

输出例子:
[1, 3, 4]

function removeWithoutCopy(arr, item) {for(var i=0;i<arr.length;i++){if(arr[i]==item){  //splice方法,给其传递两个参数,第一个参数表示起始位置,第二个参数表示删除元素的个数arr.splice(i,1);//需要注意的是,splice方法会改变数组长度,当减掉一个元素后,后面的元素都会前移,因此需要相应减少i的值i--;}}return arr;
}

        题目要求在原数组上面直接修改,删除数组元素,可以用splice方法,给其传递两个参数,第一个参数表示起始位置,第二个参数表示删除元素的个数。因此,循环遍历数组arr,如果arr[i] == item,就将i作为第一个参数,1作为第二个参数(只删除一个元素)传给splice方法。需要注意的是,splice方法会改变数组的长度,因此在每次删除之后,都需要执行i- -以确保数组长度正确。


slice

定义:可从已有的数组中返回选定的元素。

*注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

arrayObject. slice( start, end)

  • start 必需:规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
  • end 可选:规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
  • 返回值:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

❤JS能力测评经典题(牛客网)

【添加元素】

在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组

输入例子:
append([1, 2, 3, 4], 10)
输出例子:
[1, 2, 3, 4, 10]

法①
function append(arr, item) {//复制数组var arr2 = arr.slice(0);arr2.push(item);   return arr2;
}
法② 
function append(arr, item) {return arr.concat([item]);
}

        使用slice()复制数组arr赋值给arr2,用push()添加元素item,但注意push()方法修改原数组,它返回的是新的数组的长度,所以例子中return arr2.push(item);返回的是5;
        使用concat() 方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。


这篇关于【JavaScript】 splice slice的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/438018

相关文章

分布式锁在Spring Boot应用中的实现过程

《分布式锁在SpringBoot应用中的实现过程》文章介绍在SpringBoot中通过自定义Lock注解、LockAspect切面和RedisLockUtils工具类实现分布式锁,确保多实例并发操作... 目录Lock注解LockASPect切面RedisLockUtils工具类总结在现代微服务架构中,分布

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的

Spring Boot集成/输出/日志级别控制/持久化开发实践

《SpringBoot集成/输出/日志级别控制/持久化开发实践》SpringBoot默认集成Logback,支持灵活日志级别配置(INFO/DEBUG等),输出包含时间戳、级别、类名等信息,并可通过... 目录一、日志概述1.1、Spring Boot日志简介1.2、日志框架与默认配置1.3、日志的核心作用

破茧 JDBC:MyBatis 在 Spring Boot 中的轻量实践指南

《破茧JDBC:MyBatis在SpringBoot中的轻量实践指南》MyBatis是持久层框架,简化JDBC开发,通过接口+XML/注解实现数据访问,动态代理生成实现类,支持增删改查及参数... 目录一、什么是 MyBATis二、 MyBatis 入门2.1、创建项目2.2、配置数据库连接字符串2.3、入

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

深度解析Spring Security 中的 SecurityFilterChain核心功能

《深度解析SpringSecurity中的SecurityFilterChain核心功能》SecurityFilterChain通过组件化配置、类型安全路径匹配、多链协同三大特性,重构了Spri... 目录Spring Security 中的SecurityFilterChain深度解析一、Security

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

Apache Ignite 与 Spring Boot 集成详细指南

《ApacheIgnite与SpringBoot集成详细指南》ApacheIgnite官方指南详解如何通过SpringBootStarter扩展实现自动配置,支持厚/轻客户端模式,简化Ign... 目录 一、背景:为什么需要这个集成? 二、两种集成方式(对应两种客户端模型) 三、方式一:自动配置 Thick

Spring WebClient从入门到精通

《SpringWebClient从入门到精通》本文详解SpringWebClient非阻塞响应式特性及优势,涵盖核心API、实战应用与性能优化,对比RestTemplate,为微服务通信提供高效解决... 目录一、WebClient 概述1.1 为什么选择 WebClient?1.2 WebClient 与

Java.lang.InterruptedException被中止异常的原因及解决方案

《Java.lang.InterruptedException被中止异常的原因及解决方案》Java.lang.InterruptedException是线程被中断时抛出的异常,用于协作停止执行,常见于... 目录报错问题报错原因解决方法Java.lang.InterruptedException 是 Jav