13.slice和splice——js基础

最新推荐文章于 2024-06-13 14:30:24 发布
最新推荐文章于 2024-06-13 14:30:24 发布
阅读量64 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45067620/article/details/107858350
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var arr=[1,2,3,4,5];
        // slice  从某个数组中返回选定的元素
        // 语法：ArrayObject.slice(start,end) 
                // 不会包括end，且end可以不写
        var result=arr.slice(1,3);
        console.log("slice~");
        console.log(arr);
        console.log(result);

        // splice 删除元素并向数组中添加元素
        // 第一个参数，表示开始位置索引
        // 第二个参数，表示删除的个数
        // 第三个及以后的参数，表示要添加的元素
        console.log("splice~")
        var ret=arr.splice(0,2,9,9)
        console.log(ret)
        console.log(arr)




        // 练习：去除数组中重复的数字
        var array=['a','b','c','d','e','a','a','c'];
        for(var i=0;i<array.length;i++){
            for(var j=i+1;j<array.length;j++){
                if(array[i]==array[j]){
                    array.splice(j,1);
                    // 注意:这里一定要加上j--,不然会有漏网之鱼
                    // 例如：当比较a的时候，a比较到下标为5的元素时，删除该元素，
                    //       下标为留的元素将会成为下标为5的元素，a将不会在比较下标为5的元素，
                    //       此时原本下标为6的元素就没有被比较。
                    j--;
                }
            }
        }
        console.log("array="+array);
    </script>
</head>
<body>
    
</body>
</html>
StudiousTiger
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中数组slice和splice的对比小结
10-21
相信对很多学习JavaScript语言的人来说，都会经常搞不清slice和splice这两个方法。它们虽然名称相似，但是功能却完全不同。所以这篇文章就给大家详细整理了关于JavaScript中数组slice和splice的对比，有需要的可以...
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
Array.prototype.slice.call()——详解
03-26 856
Array.prototype.slice.call()——详解
Js中slice和splice区别
前端程序媛_Ying博客
02-24 214
slice(a, b)是截取索引包括 a 不包括 b 之间的数或字符串，返回的是新数组。返回值：始终都会返回一个包含从原始数组中删除的项的新数组，改变原数组。slice(a), 是从索引为a 的开始截取到最后的数组。splice 功能有：插入、删除、替换。
Javascript 学习笔记—— Array.slice() 和Array.splice()
Chailyn的博客
05-09 436
JS中slice和splice的区别
关注最新技术问题并持续维护更新
08-16 1067
# slice() **1、String中** - 语法     `string.slice(start, end)` 抽取一个子字符串 - 描述     `slice()`将返回一个含有字符串`string`的片段的字符串或返回它的一个子串。 但是该方法不修改`string` - 参数     `start：`要抽取的片段的起始下标。如果是负数，那么该参数声明了从字符串的尾部开始算
JavaScript——中slice与splice的区别
NanChen的博客
10-18 120
目录 slice（start，end） 数组中的splice（strt，end，index1，index2...）方法 slice（start，end） 两个参数：分别是从哪到哪开始删除 这个方法不会改变当前的数组，而是将获取到的元素封装到一个新数组中显示结果 包含开始索引，不包含结束索引 看个例子： <script type="text/javascript"> let arr=['a','b','c','d']; var arr1 = arr.slice
slice,splice和split区别
甜心的专栏
03-24 536
slice（切割），splice（拼接），split（分离）。slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组）；splice可以对数组中的元素进行删除、插入和替换。替换原数组，返回删除的元素数组；split将一个字符串分割成 多个子字符串，并将结果放在一个数组中
js学习笔记58——slice和splice
weixin_45034895的博客
06-29 118
js学习笔记58——slice和spliceslicesplice slice <script> var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"]; var newarr=arr.slice(0,2); console.log(arr); console.log(newarr); </script> 从结果可以看到，原数组不会改变，新的数组提取的是参数1到参数2这段
VUEX 3.x源码分析——8. 插件开发
miyagiSimple的博客
06-02 225
store实例化时，接受一个plugins对象，其值为数组，数组的每个元素为函数，函数只接受store为唯一参数实例化时，遍历这个数值并执行函数。这个函数就是开发的插件...
JS中数组splice、slice和字符串slice、split的混淆
qq_41260655的博客
11-24 1184
数组方法 slice(剪裁方法（返回新数组，不影响原来的数组） （1）无参：如果不传入参数的情况下, silce()方法返回完整的数组 （2）1个参数：在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。 （3）2个参数：如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。 let arr = ["张","刘","理想"] let newarr = arr.slice(); console.log(arr); cons
Array.prototype.slice.apply的使用方法
12-10
代码如下: function test(){　//将参数转为一个数组　var args = Array.prototype.slice.apply(arguments);　alert(args);　} arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 379
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 540
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1379
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
第二十一节:带你梳理Vue2: 父组件使用子组件时的修饰符和双向数据绑定
我们专注于分享最实用的编程技术和干货，帮助你提升编程能力,感谢您的支持和关注！
06-10 1258
原生事件修饰符.native ,关于组件标签上的事件 在组件标签上是没办法触发原生的js事件的,vue会将其作为自定义事件处理
Vue在表单校验中trigger属性指定何时触发校验规则
李长渊的博客
06-13 799
Vue在表单校验中trigger属性指定何时触发校验规则
vue3 防止按钮的连续点击（连点）
最新发布
MtangEr的博客
06-13 273
vue3防止按钮连续点击，可注册自定义指令 v-prevent-reclick实现
js数组slice和splice
08-30
JavaScript中的数组有两个常用的方法：slice 和 splice。 1. slice 方法： slice 方法是用于从数组中提取指定范围的元素，然后返回一个新的数组。它接受两个参数，即开始索引和结束索引（不包括结束索引本身），如果省略结束索引，则会一直提取到数组末尾。原始数组不会被修改。 示例： ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const slicedFruits = fruits.slice(1, 4); // 从索引 1 到 4（不包括 4）提取元素 console.log(slicedFruits); // 输出：['banana', 'orange', 'grape'] const slicedFruits2 = fruits.slice(2); // 从索引 2 开始提取元素到数组末尾 console.log(slicedFruits2); // 输出：['orange', 'grape', 'kiwi'] console.log(fruits); // 输出原始数组，不受 slice 方法影响：['apple', 'banana', 'orange', 'grape', 'kiwi'] ``` 2. splice 方法： splice 方法用于修改原始数组，它可以用于删除、插入或替换数组中的元素。它接受三个或更多参数，第一个参数是开始索引，第二个参数是需要删除的元素个数，之后的参数是要插入到数组的新元素（可选）。splice 方法会返回一个包含被删除元素的数组。 示例： ```javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi']; const deletedFruits = fruits.splice(2, 2); // 从索引 2 开始删除 2 个元素 console.log(deletedFruits); // 输出：['orange', 'grape'] console.log(fruits); // 输出被修改后的数组：['apple', 'banana', 'kiwi'] fruits.splice(1, 0, 'pear', 'melon'); // 从索引 1 开始插入新元素 console.log(fruits); // 输出被修改后的数组：['apple', 'pear', 'melon', 'banana', 'kiwi'] fruits.splice(4, 1, 'mango'); // 从索引 4 开始替换一个元素 console.log(fruits); // 输出被修改后的数组：['apple', 'pear', 'melon', 'banana', 'mango'] ``` 希望这些示例能够帮助你理解 slice 和 splice 方法的用法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值