文章目录

  • 一、slice的使用(截取)
      • 简介: slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(==不改变原字符串或数组==)
    • 功能一:截取字符串 str.slice(start,end)
    • 功能二:截取数组 arr.slice(start,end)
  • 二、 splice(数组拼接)
      • 简介:splice 是一个专门用于 数组操作 的方法,堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组,返回删除的元素数组。(==改变原数组==)
    • 功能一:删除数组元素:
    • 功能二:删除并插入元素:
    • 功能三:单纯插入数组:
  • 三、split(分离)
      • 简介: 以基于指定的分隔符将一个字符串分割成 多个子字符串,并将结果放在一个数组中(==不改变原字符串==)
    • 功能一:将字符串以逗号隔开转成数组
  • 例:将数组分成二维数组(4个为一组)

一、slice的使用(截取)

简介: slice 能够截取 字符串 或 数组,并返回一个新的 字符串 或 数组(不改变原字符串或数组)

注意:从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结束。

功能一:截取字符串 str.slice(start,end)

let str = 'abcdefghijk'
// 截取下标 [2,5) 区间的字符串,左闭右开
let str2 = str.slice(2,5)
console.log(str2)         // cde

功能二:截取数组 arr.slice(start,end)

let arr = [1,2,3,4,5]
// 截取下标 [2,5) 区间的数组,左闭右开
let arr2 = arr.slice(2,5)
console.log(arr2)   //[3, 4, 5]

二、 splice(数组拼接)

简介:splice 是一个专门用于 数组操作 的方法,堪称最强大的数组操作方法。它可以对数组中的元素进行删除、插入和替换。替换原数组,返回删除的元素数组。(改变原数组)

功能一:删除数组元素:

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后删除 2 个元素,返回被删除的元素数组:[4, 5],原数组改变为:[1, 2, 3, 6, 7, 8, 9]
let newArr=arr.splice(3,2)
console.log(arr)   //[1, 2, 3, 6, 7, 8, 9]
console.log(newArr)   //[4, 5]

功能二:删除并插入元素:

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后删除 2 个元素,并将 'a', 'b', 'c' 添加到被删除的元素的位置。返回被删除的元素数组:[4, 5],原数组改变为:[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]
arr.splice(3,2,'a','b','c')
console.log(arr)     //[1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]

功能三:单纯插入数组:

let arr = [1,2,3,4,5,6,7,8,9]
// 从 下标为 3 的项开始,依次向后添加 'a', 'b', 'c' 等元素。返回被删除的元素数组:[],原数组改变为:[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]
arr.splice(3,0,'a','b','c')
console.log(arr)     //[1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]

三、split(分离)

简介: 以基于指定的分隔符将一个字符串分割成 多个子字符串,并将结果放在一个数组中(不改变原字符串)

split的使用要判断类型是否为字符串,不是字符串报错(arr || "").split(",")

功能一:将字符串以逗号隔开转成数组

let str = '1,2,3,4,5,6,7'
let arr=str.split(',')
console.log(arr)   // ['1', '2', '3', '4', '5', '6', '7']

例:将数组分成二维数组(4个为一组)

//分成三个数组,每个数组4个值
var data = ['a1','a2','a3','a4','b1','b2','b3','b4','c1','c2','c3','c4','d1','d2','d3','d4'];
var result = [];
for(var i=0,len=data.length;i<len;i+=4){result.push(data.slice(i,i+4));
}
console.log(result)
//  [Array(4), Array(4), Array(4), Array(4)]
//  [["a1","a2","a3","a4"],["b1","b2","b3","b4"],["c1","c2","c3","c4"],["d1","d2","d3","d4"]]

js的slice,splice,split的使用相关推荐

  1. JS中slice,splice,split的区别

    1.slice : 定义:接收一个或两个参数,它能够建立一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值. 用法:slice( para1 ),会截取从par ...

  2. js中 slice , splice , split 的用法记录

    1.slice不改变原数组 a.slice(1,5)删除数组从序号为1开始到序号为5(不包含序号为5)之间的元素 2.splice改变原数组 a.splice(1,3) 删除数组从序号为1的元素开始, ...

  3. slice,splice,split区别和作用

    slice,splice,split区别和作用 slice(start,[end])方法:该方法是对数组进行部分截取,该方法返回一个新数组,参数start是截取的开始数组索引,end参数等于你要取的最 ...

  4. slice(),splice(),split(),substring(),substr()使用方法和区别

    <一> 1.slice(): Array和String对象都有 在Array中  slice(i,[j]) i为开始截取的索引值,负数代表从末尾算起的索引值,-1为倒数第一个元素 j为结束 ...

  5. slice splice split

    slice 从 start下标 开始,保留到 end下标 的前一个结束,如果没有 end,就保留到最后一个字符结束. 一:截取字符串 str.slice(start,end) let str = 'h ...

  6. splice()、slice()、split()函数的区分

    区分slice,splice和split方法 每每见到这三个函数,我都会很懵,一定要到网上搜搜:今天,恰巧又见到了它们,所以想必是时候为它们做个笔记啦 1.slice(数组) 用法:array.sli ...

  7. js 的 slice 和 splice

    js 的 slice 和 splice 都是数组的方法 slice 不改变原数组 splice 改变原数组 let arr = [1, 2, 3, 4, 5] // slice(start?: num ...

  8. slice与split的区别

    slice与split的区别 slice 定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值.  用法:slice( par ...

  9. JS Array.slice 截取数组的实现方法

    这篇文章主要介绍了JS Array.slice 截取数组的实现方法,因为我们需要控制一下长度,需要的朋友可以参考下 slice定义和用法 slice() 方法可从已有的数组中返回选定的元素. 语法 a ...

  10. JS中[].slice.call的理解

    原文:https://www.cnblogs.com/wuvkcyan/p/9446800.html 首先要说明[].slice.call()与Array.prototype.slice.call() ...

最新文章

  1. 向碳基芯片更进一步:台积电、斯坦福等联手开发碳纳米管晶体管新工艺,性能逼近硅元件...
  2. win10系统Mysql5.7服务启动报:1053错误:服务没有及时响应启动或控制请求
  3. angular @ViewChild使用
  4. SpringBoot入门教程(十)应用监控Actuator
  5. 解决linux下无线网卡被物理禁用问题
  6. 使用python 下载_使用python下载大量文件
  7. netbeans 源文件_具有NetBeans,嵌入式GlassFish,JPA和MySQL数据源的Arquillian
  8. CSS border-radius边框圆角
  9. 如何隐藏 video 元素的下载按钮
  10. Lisenter笔记
  11. 安卓逆向_22( 一 ) --- Xposed【 Android Studio + Xposed 实现简单的 hook 】
  12. activemq发布订阅
  13. 怎么查看进程窗口_结束员工电脑进程/活动窗口的软件
  14. Android近场通信---高级NFC(二)
  15. [转载] java接口中方法的默认访问修饰符为public
  16. (二)VISIO 中间带箭头的弧线怎么画
  17. linux 命令 tr 详解
  18. 打包ios软件并发布到应用商店
  19. 【设计模式】装饰者与继承装饰者与代理间的小九九
  20. 什么叫单模光纤_什么是OS1,OS2的单模光纤

热门文章

  1. C++Eigen库矩阵常见操作
  2. tensorflow入门教程(三十五)facenet源码分析之MTCNN--人脸检测及关键点检测
  3. PNETlab最新版介绍与下载
  4. Volume Compute In SIMT Hardware Architecture
  5. 3.空间域图像处理入门
  6. 【Rust 日报】2022-04-10 适用于Rust的异步CQL驱动
  7. 生成函数入门及应用 生成函数
  8. MOSFET原理学习
  9. 将私人对话发布到公共空间来寻求正义是否可取
  10. IDEA Debug出现:Skipped breakpoint at because it happened inside debugger evaluation