JavaScript中对字符串的操作方法整理

96 阅读4分钟

检索类操作

  1. startsWith(searchString ,start);

方法用来判断当前字符串是否是以给定的子字符串“开头”的,根据判断结果返回 true 或 false。start可选从第几位开始查找

var str='holle123'
str.startsWith('holle') //true
str.startsWith('123')//false
str.startsWith('ll',3) //false
str.startsWith('ll',2) //true
  1. endswith(searchvalue,length)

检查字符串是否以指定子串结尾,是则返回Ture,否则返回False。length设置字符串的长度。默认值为原始字符串长度 string.length。

var str='holle123'
str.endswith('123') //true
str.endswith('holle')//false
str.startsWith('ll',3) //false
str.startsWith('ll',8) //true
  1. indexOf(searchvalue,start)

方法可返回某个指定的字符串值在字符串中首次出现的位置。如果在 返回这个子串开始的位置下标,否则就返回-1,可选的整数参数。规定在字符串中开始检索的位置

var str='holle123'
str.indexOf('h')//0
str.indexOf('a')//-1
  1. lastIndexOf(searchString,start)

与indexOf方法类似,不过它默认是从该字符串的末尾开始查找而不是从开头。start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 str.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

var str='holle123'
str.lastIndexOf('1')//5
str.lastIndexOf('1',5)//5
str.lastIndexOf('1',4)//-1

  1. includes(searchvalue,start)

从字符串中搜索传入的字符串,返回一个布尔值 start可选,设置从那个位置开始查找,默认为 0。

var str = "holle123";
str.includes(2); //true
str.includes('l',2) //true
str.includes('l',4) //false
str.includes(a); //false 
  1. search(searchvalue)

方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

var str = "holle123";
str.search('lle'); //2
str.search(a); //false
  1. match(regexp)

在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

var str='holle123'
str.match(/l/g);//['l','l']

修改类操作

  1. replace(searchvalue,newvalue)

可替换匹配数据为新的值,接收两个参数,第一个参数为匹配的元素,第二个参数为替换的元素。

var str='holle123'
str.replace('l',e)//hoele123
str.replace(/l/gi, "e");//hoeee123
  1. split(separator,length)

按照指定字符/正则匹配分割字符串,返回一串数组,length指定返回数组的长度

var str='holle123'
str.split('e')//['holl','123']
str.split('e',1);//['holl']
str.split(/e/gi);//['holl','123']
  1. slice(start,end);

方法可提取字符串的某个部分,并以新的字符串返回被提取的部分,不传参数end默认截取到字符串结尾。

var str='holle123'
str.slice(3)// 'le123'
str.slice(2,3);//'ll'
  1. substr(start,length)

方法可在字符串中抽取从 start 下标开始的指定数目的字符。length指定返回长度

var str='holle123'
str.substr(2)// 'lle123'
str.substr(2,3);//'lle'
  1. substring(from,to)

截取字符串下标为 from开始到to下标结束,返回的子串包括 开始 处的字符,但不包括 结束 处的字符。 注意若传入参数前大后小 会调换成前小后大的顺序

var str='holle123'
str.substring(2)// 'lle123'
str.substring(2,4);//'ll'
str.substring(4,2);//'ll' 注意若传入参数前大后小 结果同上
  1. charAt(index)

返回指定位置(index)的字符。

var str='holle123'
str.charAt(2)// 'l'
  1. concat(string…)

用于连接两个或者多个字符串

var str1 = "Hello ";
var str2 = "123";
str1.concat(str2); //'holle123'
str1.concat(str2,'word!'); //'holle123word'
  1. trim()

删除字符串头尾所有的空格,方法不会改变原始字符串。 方法不适用于 null, undefined, Number 类型。

var str = " holle 123 ";
str.trim(); //'holle 123'
  1. repeat(count)

复制字符串,参数为将字符串复制的次数 count必需,设置要复制的次数。

var str = "holle123";
str.repeat(2); //'holle123holle123'
str.repeat(); //''
  1. padEnd(len,other) \ padStart(len,other)

当字符串长度小于len时,使用other进行填充

var str = "holle123";
str.padEnd(2); //'holle123' //len小于字符串长度 保持不变
str.padEnd(12); //'holle123    '
str.padEnd(12,'o'); //'holle123oooo'
str.padStart(2); //'holle123'//len小于字符串长度 保持不变
str.padStart(12); //'    holle123'
str.padStart(12,'o'); //'ooooholle123'

  1. toLowerCase() \ toUpperCase()

大小写转换

var str="Holle Word"
str.toLowerCase() //"holle word"
str.toUpperCase() //"HOLLE WORD"