aurora blog
  • JS

    • 基本汇总
    • Date时间
    • Array方法
    • String 方法
    • Object方法
    • RegExp正则
    • Es6 新特性等
    • Event-Loop
    • Http and Https
    • for in和for of区别
    • Web Worker
    • Promise && async
    • 堆内存 & 栈内存
    • JS设计模式探索
    • npm & yarn
    • Fetch和Axios的区别
    • 学习及面试问题整理
    • URL 输入到页面加载过程
    • 跨域&nginx本地项目代理
  • FE框架

    • react

      • 基本用法
      • react生命周期
      • hooks 16.8版本后
      • Route原理
      • Redux源码解析
      • React16 Fiber
      • React-VirtualDOM
      • React事件委托机制
    • vue

      • vue 基本用法
      • vue 生命周期
      • VirtualDOM
      • vue 事件委托
      • vue 架构
      • vue 状态管理
      • 问题等
    • React-Native

      • React-Native 基本用法
    • 微前端

      • 遇到的问题
    • 鸿蒙 harmony

      • harmony 基础
  • 构建工具

    • webpack

      • Webpack配置详解
      • Webpack的使用
      • Babel-polyfill
      • webpack面试题
    • vite

      • vite基本配置
  • Typescript

    • Typescript详解
  • Servers

    • Nodejs
    • Nginx
  • Git命令

    • git常用规范
  • 数据库

    • mongodb
    • mongodb
  • Other

    • Jenkins自动化部署

String 方法

  • 常用方法
    • substring()
    • substr()
    • slice()
    • includes()
    • charAt()
  • Es6新方法
    • padStart()
    • trim()
    • repeat()
    • includes()
  • 参考文档

常用方法

substring()

返回被截取的字符串,不改变原来的,传入参数是起始位置和结束位置。(不包含结束位置)

let str = "12345";
str.substring(1); //2345

substr()

返回被截取的字符串,不改变原来的,,传入参数是起始位置和要截取的长度

let str = "123456";
str.substr(0, 2); //12

slice()

不改变字符串

var a = "abcdefg";
a.slice(1, -1); //"bcdef"  相当于 a.slice(1, a.length-1 )   有负值统一用length减去当前的负值来截取
a.substring(1, -1); //a    相当于 a.substring(0,1) 参数最小为0,小于0自动默认为0,参数小的为第一个参数

includes()

  • includes(), startsWith(), endsWith()
    • includes():返回布尔值,表示是否找到了参数字符串。
    • startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
    • endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = "Hello world!";

s.startsWith("Hello"); // true
s.endsWith("!"); // true
s.includes("o"); // true

charAt()

charAt() 方法可返回指定位置的字符

"日一二三四五六".charAt(1)
// -> 日

Es6新方法

padStart()

字符串补全长度 第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。

  • padStart() 用于头部补全
  • padEnd()用于尾部补全
//必须是字符串
'abc'.padStart(10, '0123456789')  //"0123456abc"

trim()

trim()是两边的空格 trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格

const s = '  abc  ';

s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"

repeat()

repeat(n)方法返回一个新字符串,表示将原字符串重复n次。

'x'.repeat(3) // "xxx"
'na'.repeat(2.9) // "nana"
'na'.repeat(Infinity)// RangeError
'na'.repeat(-0.9) // ""
'na'.repeat(NaN) // ""
'na'.repeat('3') // "nanana"

includes()

  • includes():返回布尔值,表示是否找到了参数字符串。
  • startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
  • endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

参考文档

MDN STRING

最近更新:: 2021/8/27 22:33
Contributors: sountstars
Prev
Array方法
Next
Object方法