首页 > 编程语言 >JavaScript学习笔记—数组方法slice和splice

JavaScript学习笔记—数组方法slice和splice

时间:2023-01-07 23:44:39浏览次数:42  
标签:arr slice 数组 JavaScript 沙和尚 猪八戒 result splice

(1)slice()方法
定义:从已有的数组返回选定的元素
语法:arrayObject.slice(start,end)
start: 必选。截取开始位置的索引,包含开始索引
end: 可选。截取结束位置的索引,不包含结束索引,省略不写会截取从开始索引往后的所有元素
参数使用负数,则会从数组末尾进行选择(-1为最后一个元素,-2为倒数第二个元素,以此类推)
不会改变原数组,而是将截取到的元素封装到一个新数组中返回

var arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧", "白骨精"];
var result = arr.slice(1,3);
console.log(result); // 猪八戒,沙和尚
result = arr.slice(1);
console.log(result); // 猪八戒, 沙和尚, 唐僧, 白骨精
result = arr.slice(-4, -2); // 猪八戒,沙和尚
console.log(result); // 猪八戒,沙和尚

(2)splice()方法
定义:删除数组中的指定元素,并向数组添加新元素
语法:arrayObject.splice(index,howmany,item1, ....., itemX)
参数1: 必需。开始位置的索引
参数2: 可选。删除的数量
参数3及以后:可选。可以传递一些新元素,这些元素会自动插入到开始位置索引的前边
影响原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回

var arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧", "白骨精"];

var result = arr.splice(0,2);
console.log(arr); // 沙和尚,唐僧,白骨精
console.log(result); // 孙悟空,猪八戒

arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧", "白骨精"];
arr.splice(0,1,"牛魔王","铁扇公主");
console.log(arr); // 牛魔王,铁扇公主,猪八戒,沙和尚,唐僧,白骨精

标签:arr,slice,数组,JavaScript,沙和尚,猪八戒,result,splice
From: https://www.cnblogs.com/zibocoder/p/17033815.html

相关文章

  • 函数传参 Java JavaScript python 都是按值传递的
    实验代码如下:JavapythonJavaScript:......
  • 分享2023年最新的15种JavaScript 速记技巧 【终极秘籍】
    强大且广受欢迎的编程语言JavaScript具有庞大的内置函数库,可用于执行各种任务。 本文涵盖了每个开发人员都应该知道的15个JavaScript特性。无论您是新手还是经......
  • JavaScript学习笔记—数组的四个方法
    (1)push()方法可向数组的末尾添加一个或多个元素,并返回新的长度//创建一个数组vararr=["孙悟空","猪八戒","沙和尚"];arr.push("唐僧");arr.push("蜘蛛精","白骨......
  • JavaScript学习笔记—使用字面量创建数组
    语法:[]//元素为数字vararr=[1,2,3,6,10];//元素可以是任意数据类型vararr2=["hello",1,true,null,undefined];//也可以是对象varobj={name:"孙悟空......
  • JavaScript学习笔记—数组length属性
    length属性返回数组的长度(数组元素的个数)。语法:数组.length/**连续的数组,可以获取数组长度(元素个数)*非连续的数组,获取数组最大索引+1*/vararr=[1,4,10];arr......
  • JavaScript学习笔记—构造函数
    执行流程:1.立刻创建一个新的对象2.将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象3.逐行执行函数中的代码4.将新建的对象作为返回值返回通......
  • JavaScript学习笔记—原型对象prototype
      创建的每个函数,解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象就是我们所谓的原型对象。  函数作为普通函数调用prototype没有任何作用  当函......
  • JavaScript学习笔记—声明
    (1)变量声明提前使用var关键字声明的变量,会在所有代码执行前被声明(但不会赋值)console.log("a="+a);//a已声明,但是值是undefinedvara=123;如果声明变量时不使用v......
  • JavaScript学习笔记—this的使用
      解析器调用函数时每次都会向函数传递进一个隐含的参数this,this指向的是一个对象,这个对象称为函数执行的上下文对象。  根据函数的调用方式不同,this会指向不同的对象......
  • JS中splice的具体使用
    介绍splice在处理字符串时有许多的使用技巧,比如对数组任意位置添加,在任意位置删除指定长度,任意位置进行替换删除splice在删除时接收两个参数,第一个参数为起始位置,第二个......