前端之路——JavaScript中的String(全)

JavaSript中的String

字符串是JS中的基本数据类型之一,与数组有很多相似的地方,本文对字符串做一个总结

属性

  • length
    这里的length指的是字符串类型数据的属性,而不是构造函数String的length。
    • 构造函数的length属性是作为函数的通用属性,表明形参的个数;
    • 字符串类型数据的length字符串中字符编码单元的数量,对于使用两个代码单元表示的不常用字符,length的值与实际字符的个数不一致

方法

  • 静态方法

    • String.fromCharCode()
      返回由指定的UTF-16代码单元序列创建的字符串

        String.fromCharCode(189, 43, 190, 61)   // "½+¾="
      
    • String.fromCodePoint()
      返回使用指定的代码点序列创建的字符串

        String.fromCharCode(9731, 9733, 9842, 0x2F804)    // "☃★♲"
      
  • 实例方法

    • charAt
      从一个字符串中返回指定的字符,参数是index,默认为0,未找到返回空字符串

        const s = '12345'
        s.charAt()  // "1"
        s.chatAt(2) // "3"
        s.chatAt(-1)  // ""
      
    • concat

      将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回

        const s = 'hello'
        s.concat(' world', ' tom')  // "hello world tom"
      
    • endsWith

      用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的,根据结果返回true或者false。可以传入第二个参数,指定从右往左匹配的长度

        const s = 'hello world'
        s.endsWith('d')     // true
        s.endsWith('world', 7)  // true。相当于 'o world'.endsWith('world')
      
    • includes

      用于判断一个字符串是否包含在另一个字符串中,根据结果返回true或者false。可以传入第二个参数,指定开始匹配的索引。

        const s = 'hello'
        s.includes('h') // true
        s.includes('h', 1)  //false
      
    • indexOf

      从左向右查找第一次出现指定值的索引,未找到则返回 -1。可指定查找起始索引。

        const s = 'hello world'
        s.indexOf('o')  // 4
      
    • lastIndexOf

      从右向左查找第一次出现指定值的索引,未找到则返回 -1。可指定查找起始索引。

        const s = 'hello world'
        s.lastIndexOf('o')  // 7
      
    • localeCompare

      比较参数字符串是否在目标字符串前面,返回正数、零和负数。可以传入locale,指定语言区域

        const s = 'hello'
        s.localeCompare('world')    // 'h' 在 'w' 前面,返回正数
      
    • match

      参数为正则表达式,返回一个字符串匹配正则表达式的的结果。如果不指定参数,返回[""]

        var s = 'For more information, see Chapter 3.4.5.1'
        var re = /see (chapter \d+(\.\d)*)/i
        var found = s.match(re)
        
        console.log(found)
        // ["see Chapter 3.4.5.1", "Chapter 3.4.5.1", ".1"]
        /** 该数组还有额外属性:
          groups: undefined, 
          index: 22, 
          input: "For more information, see Chapter 3.4.5.1"
        **/
      
    • matchAll

      match类似,区别是返回的结果是包含所有匹配结果的迭代器

        const regexp = RegExp('foo*','g')
        const str = 'table football, foosball'
        let matches = str.matchAll(regexp)
        
        for (const match of matches) {
          console.log(match)
        }
        
        // ["foo", index: 6, input: "table football, foosball", groups: undefined]
        // ["foo", index: 16, input: "table football, foosball", groups: undefined]
      
    • normalize

      按照指定的一种 Unicode 正规形式将当前字符串正规化

    • padEnd

      用指定字符串从末尾开始填充当前字符串,返回填充后达到指定长度的字符串

        const s = 'hello'
        s.padEnd(10) // "hello     "
        s.padEnd(10, 'a')   // "helloaaaaa"
        s.padEnd(10, 'ab')  // "helloababa"
      
    • padStart

      与padEnd类似,只不过是从起始位置开始填充

    • repeat

      构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。参数为指定的重复次数

      • 传入负数,Infinity都会报错
      • 传入NaN会返回空字符串
      • 传入小数会向下取整
        const s = 'hello'
        s.repeat(-1)    // Uncaught RangeError: Invalid count value
        s.repeat(Infinity)  // Uncaught RangeError: Invalid count value
        s.repeat(NaN)   // ""
        s.repeat(1.5)   // "hello"
        s.repeat(2) // "hellohello"
      
    • replace

      返回一个替换后的新字符串,参数可以是

      • 字符串
      • 正则表达式
      • 回调函数
        const s = 'hello'
        s.replace('e', 'a') // "hallo"
      
    • search

      返回找到的字符串第一次出现的下标

        const s = 'hello'
        s.search('l')   // 2
      
    • slice

      提取字符串的一部分,返回新字符串。参数为起始位置和结束位置

        const s = 'hello'
        s.slice(2, 5)   // "llo"
      
    • split

      按照指定分隔符将字符串切分成字符串数组

        const s = 'hello world'
        s.split('') //['h','e','l','l','o','','w','o','r','l','d']
        s.split(' ')    // ["hello", "world"]
      
    • startsWith

      类似endsWith,区别在于判断该字符串是否以指定字符串开头

    • substring

      返回指定下标之间的子字符串,与slice相同,区别在于

      • 如果起始下标大于结束下标,则substring会把两个下标交换位置,而slice会返回空字符串
      • 如果任何一个下标为负数,则substring会将其当作0来处理,而slice则是加上该字符串的长度
        const s = 'hello'
        s.substring(1, -3)  // "h"  ==> s.substing(1, 0) ==> s.substring(0, 1)
        s.slice(1, -3)  // "e"
      
    • toLowerCase

      将字符串转成小写

        const s = 'HEllo'
        s.toLowerCase() // hello
      
    • toUpperCase

      将字符串转成大写

        const s = 'HEllo'
        s.toUpperCase() // HELLO
      
    • trim

      从一个字符串的两端删除空白字符

        const s = '  hello  '
        s.trim()    // hello
      
    • trimRight

      类似trim,从一个字符串的右边删除空白字符

    • trimLeft

      类似trim,从一个字符串的左边删除空白字符

    • valueOf

      返回一个对象的原始值

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

推荐阅读更多精彩内容