slice()、splice()和split()、substring()、substr()

slice()和splice()是作用于数组的(字符串中也有slice);split()、substring()和substr()是作用于字符串的

一、用于数组

  1. slice [slaɪs] vt. 切片,划分,切下;
  • slice()方法和splice()方法都是原生js中对数组操作的方法。
  • slice(),返回一个新的数组,不会改变原有数组,该方法可从已有的数组中返回选定的元素。
    它的参数只有start是必须的!!!直接到尾部
    ①例如:arrObject(start,end),start是必选的。规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素;
    ②end是可选元素。规定从何处结束选取。结束到end的前一位;该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素。该方法不会修改原数组,如果想删除数组中某一段元素,使用splice()方法。
var a = [1,20,15,88,66,50,90]
console.log(a.slice(2,4))  // [15, 88]
console.log(a)  // [1,20,15,88,66,50,90] 数组a不变
  1. splice vt. 捻接(两段绳子);粘接,胶接;
  • splice(),数组中添加/删除元素,该方法会改变原始数组。例如:
    语法:arrayObject.splice(index,howmany,item1,.....,itemX)。
    它的参数indexhowmany是必须的!!!
    ①index是必选的,规定添加/删除项目的位置。
    ②howmany必须项,表示删除项目的个数,如果为0表示不删除元素。splice()可删除从index开始的howmany个元素,并可以用item元素替代删除的元素。
    ③item可选参数,表示新添加的项,没有此项表示不添加新项。
var a = [1,20,15,88,66,50,90]
console.log(a.splice(2,3))  //[15, 88, 66]
console.log(a)  //[1, 20, 50, 90]  数组a被剪掉了一截,剩下另一截

二、用于字符串

  1. split()
  • split [splɪt] vt. 分裂,分开;
  • 语法:stringObject.split(separator,howmany)
  • 含义:把一个字符串分割成字符串数组:
    separator:必需。字符串或正则表达式,从该参数指定的地方分割 stringObject;
    ②howmany:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
  • 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割,例如下图中的例子!
image.png
  1. substring()
    它的参数只有start是必须的!!!
    stringObject.substring(start,stop)方法用于提取字符串中介于两个指定下标之间的字符;返回的子串包括 start 处的字符,但不包括 stop 处的字符(到stop索引值前一位)。

start:必需。一个非负的整数,规定要提取的子串的第一个字符在stringObject 中的位置;
stop:可选。一个非负的整数,字符串下标,结束符是不包括该下标的。比如substring(0,3),那就是从下标0开始,截取到下标为3的前一位(不包括下标为3的那个字符);
如果不写此项,则返回的子串会一直到字符串的结尾。(如果从0开始截取时,那么此值可暂表示为截取的字符串的长度);
如果参数 start 与 stop 相等,那么该方法返回的就是一个空字符串;
参数不接受负值;

  1. substr()
  • 语法:substr(start , length )
  • 含义: substr 方法用于返回一个从指定位置开始的指定长度的子字符串
  • 截取直接长度的字符串。substr(2,3),从下标为2开始,截取长度为3的字符串。而substring(2,3),则是从下标为2开始,截取到下标为3的前一位的字符串,也就是截取1位字符。
  1. slice()substring()一样
var a = 'nct wayv'

var a1 = a.substring(0,5)  //start和end

var a2 = a.substr(0,2)  // start和length

var a3 = a.slice(0,5)  //start和end

console.log(a1,'a1')   //nct w a1
console.log(a2,'a2')  //nc a2
console.log(a3,'a3')  //nct w a3   可见substring和slice结果是一样的
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容

  • 十一假期第四天,因为担心家里水管有问题,婆婆、老公和大宝临时决定先回平度,我和小宝在老家多待两天,一是小宝晕车不愿...
    鸭蛋妈妈阅读 201评论 0 1
  • 每个人都有成长故事,我也不例外。 在我在我小的时候幼儿园要举行冬季运动会,老师要我演讲。我起床后就背...
    要钱铄阅读 224评论 1 1