slice 和substring,substr

1. slice

  • 定义
    slice() 方法可从已有的数组中返回选定的元素。
  • 语法
    arrayObject.slice(start,end)
  • 参数
  • start,必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
  • end, 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
  • 返回值
    返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
  • 代码
var arr = [1,2,3,4,5,6,7];
var newArr1 = arr.slice(1);
var newArr2 = arr.slice(1,2);
var newArr3 = arr.slice(-2);
var newArr4 = arr.sclice(4,2);
console.log(newArr1);     // [2, 3, 4, 5, 6, 7]
console.log(newArr2);     // [2]
console.log(newArr3);     // [6, 7]
console.log(newArr4);      //[]

substring

  • 定义
    substring() 方法用于提取字符串中介于两个指定下标之间的字符。
  • 语法
    stringObject.substring(start,stop)
  • 参数
    start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
    stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
    如果省略该参数,那么返回的子串会一直到字符串的结尾。
  • 返回值
    一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
  • 代码示例
var str = "hello,world!"
var newStr1 = str.substring(0,5);
var newStr2 = str.substring(6);
var newStr3 = str.substring(-6);
var newStr4 = str.substring(7,5);

console.log(newStr1);         // "hello"
console.log(newStr2);         // "world!"
console.log(newStr3);         // "hello,world!"
console.log(newStr4);         // ",w"
  • 注意:
  • substring() 不接受负的参数。
  • 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
3.substr
  • 定义
    substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
  • 语法
    stringObject.substr(start,length)
  • 参数
    start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
    length 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。
  • 返回值
  • 一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 length 个字符。
  • 如果没有指定 length,那么返回的字符串包含从 start 到 stringObject 的结尾的字符。
var str = "hello,world!"
var newStr1 = str.substr(0,5);
var newStr2 = str.substr(6);
var newStr3 = str.substr(-2);

console.log(newStr1);        // "hello"
console.log(newStr2);        //"world!"
console.log(newStr3);        //"d!"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,900评论 0 8
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,490评论 0 5
  • 什么是对象JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象...
    阿r阿r阅读 515评论 0 9
  • 1. javascript删除元素节点 IE中有这样一个方法:removeNode(),这个方法在IE下是好使的,...
    落魂灬阅读 391评论 0 1
  • 鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onc...
    KunMitnic阅读 598评论 0 1

友情链接更多精彩内容