04.字符串的方法

雨声筱筱
144 阅读4分钟

字符串的方法

共有18中常用的方法，当然肯定不止这些，那么我们下面就详细来聊聊下面这18种字符串的方法的使用。

一、includes

  1. 语法形式：字符串.includes(字符串片段)
  2. 作用：判断当前字符串中是否拥有指定字符串片段
  3. 返回值：boolean；有返回true；无返回flase
let str = 'abcdef' ;
console.log(str);

let res1 = str.includes('abc');
console.log(res1);

let res2 = str.includes('aaaaa');
console.log(res2);

运行结果：

01.png

二、startsWith

  1. 语法形式：字符串.startsWith('字符串片段')
  2. 作用：查询字符串开头是不是指定的字符串片段
  3. 返回值：boolean；是返回true；不是返回false
let str = 'abcdef' ;
console.log(str);

let res3 = str.startsWith('abc');
console.log(res3);

let res4 = str.startsWith('bcd');
console.log(res4);

运行结果：

02.png

三、endsWith

  1. 语法形式：字符串.endsWith('字符串片段')
  2. 作用：查询字符串结尾是不是指定的字符串片段
  3. 返回值：boolean；是返回true；不是返回false
let str = 'abcdef' ;
console.log(str);

let res5 = str.endsWith('def');
console.log(res5);

let res6 = str.endsWith('abc');
console.log(res6);

运行结果：

03.png

四、replace

  1. 语法形式：字符串.replace(参数1 ，参数2);
  2. 参数：
    • 参数1：要被替换的字符串
    • 参数2：替换成的字符
  3. 作用：找到当前字符串中第一个参数对应的值，然后将其替换成参数2；
  4. 返回值：返回替换后的字符串。
let str = 'abcdef' ;
console.log(str);

let res7 = str.replace('abc' , '北京');
console.log(res7);

运行结果： 04.png

五、trim

  1. 语法：字符串.trim();
  2. 作用：去除字符串的两次的空格
  3. 返回值：将去掉空格的字符串返回
let str = ' a   b   c ' ;
console.log(str);

console.log(str.trim());

运行结果：

05.png

六、trimStart/trimLeft

  1. 语法：字符串.trimStart()/trimLeft();
  2. 作用：去除头部的空格
  3. 返回值：将去掉空格的字符串返回
// trimStart/trimLeft
console.log(str.trimStart());
console.log(str.trimLeft());

运行结果：

06.png

七、trimEnd/trimRight

  1. 语法：字符串.trimEnd()/trimRight();
  2. 作用：去除尾部的空格
  3. 返回值：将去掉空格的字符串返回
let str = ' a   b   c ' ;
console.log(str);

console.log(str.trimEnd());
console.log(str.trimRight());

运行结果：

08.png

八、charAt

  1. 语法形式：字符串.charAt(索引下标)
  2. 作用：查找字符串中的索引下标的数据是否存在
  3. 返回值：如果存在，返回索引下标对应的数值；如果不存在，则返回空字符串
let str = 'abcdefa';
console.log(str);

let res1 = str.charAt(10);
console.log(res1);

运行结果：

09.png

九、charCodeAt

  1. 语法形式：字符串.chasrCodeAt(索引下标)
  2. 作用：将括号中的字符串转化为ASCII码
  3. 返回值：如果有字符串中的数据，返回ACSII码；如果没有，返回NaN
let str = 'abcdefa';
console.log(str);

let res2 = str.charCodeAt(2);
 console.log(res2);

运行结果：

10.png

十、toUpperCase

  1. 语法形式：字符串.toUpperCase()
  2. 作用：将所有字符串的字符转化为大写
  3. 返回值：返回转化后的字符串
let res3 = str.toUpperCase();
console.log(res3);

十一、toLowerCase

  1. 语法形式：字符串.toLowerCase()

  2. 作用：将字符串所有的字符串转化为小写

  3. 返回值：返回转化后的字符串
let res4 = str.toLowerCase();
console.log(res4);

运行结果：

18.png

十二、substr

  1. 不推荐使用 以后可能会被淘汰
  2. 语法形式：字符串.substr(开始索引 ， 结束索引) 参数包前也包后
  3. 作用：截取指定的字符串
  4. 返回值：截取到的字符串
let res16 = str.substr( 1 , 4 );
console.log(res16);;

运行结果：

17.png

十三、subString

  1. 推荐使用
  2. 语法形式：字符串.subString(开始索引 ， 结束索引) 参数包前不包后
  3. 作用：截取指定的字符串
  4. 返回值：截取到的字符串
let res15 = str.substring( 1 , 4 );
console.log(res15);;

运行结果：

16.png

十四、slice

  1. 语法形式：字符串.slice(开始索引 ， 结束索引) 参数包前不包后
  2. 结束下标不传
  3. 作用：截取指定字符串
  4. 返回值：截取到的字符串
let res14 = str.slice( 1 , 4 );
console.log(res14);

运行结果：

15.png

十五、concat

  1. 语法形式：字符串.concat(数据1 ， 数据2 ， 数据3)
  2. 作用：将字符串和参数数据拼接
  3. 返回值：拼接后的字符串
let res5 = str.concat( '北京' , 1009 );
console.log(res5);

运行结果：

14.png

十六、indexOf

  1. 语法形式：字符串.indexOf(数据)
  2. 作用：寻找数据在字符串中的位置
  3. 返回值：如果数组中有，返回第一个符合条件的索引下标，如果没有，返回-1
 let res6 = str.indexOf('c');
console.log(res6);

let res8 = str.indexOf('r');
console.log(res8);

运行结果：

13.png

十七、lastIndexOf

  1. 语法形式：字符串.lastIndexOf(数据)
  2. 作用：寻找数据在字符串中出现的位置(倒叙查找)
  3. 返回值：找到返回索引下标，找不到返回-1
let res9 = str.lastIndexOf('a');
console.log(res9);

let res10 = str.lastIndexOf('q');
console.log(res10);

运行结果：

12.png

十八、split

  1. 语法形式：字符串.split(数据)
  2. 作用：在字符串中找到分隔符，将其分割，并放置在数据中
  3. 返回值：数值形式
// 不分隔，直接输出字符串
let res11 = str.split();
console.log(res11);

let res12 = str.split('a');
console.log(res12);

// 直接加入引号，转化为数组
let res13 = str.split('');
console.log(res13);

运行结果：

11.png

avatar
文章
阅读
粉丝