JavaScript学习笔记——12、字符串常用方法

  大家好，我是阿赵。继续学习JavaScript，这次学习一下字符串的常用方法。

1、 length

  length可以获取字符串的长度：
例子：

  const str = 'hello world';
  console.log(str.length);
  const str2 = "阿赵"
  console.log(str2.length);

结果：

  可以看到，不论中英文，一个字符就占1位的长度。

2、 split

  split可以将字符串拆分成数组。
例子：

  const str = 'hello world';
  const arr = str.split('');
  console.log(arr);
  arr.forEach(item => {
    console.log(item);
  });

结果：

  这里是通过一个空的字符串去分割，所以把原字符串分割成了每个字母一个元素的数组，包括空格也算一个。
如果改成：

  const str = 'hello world';
  const arr = str.split(' ');
  console.log(arr);
  arr.forEach(item => {
    console.log(item);
  });

结果：

  这里只是把split的参数空字符串改成了空格字符串，结果就变了，因为用空格分隔的，就变成了2个单词的字符串了。

3、 substring

  substring用于字符串的截取。
例子：

const str = 'hello world';
const str2 = str.substring(0, 5);
console.log(str2);

结果：

  可以看到substring有2个参数，第一个参数是从原字符串的哪一位下标开始截取，0就是从最开始截取了，第二个参数是截取的长度。

4、 startWith

  tartWith用于判断是否以某字符串开头。
例子：

  const str = 'hello world';
  console.log(str.startsWith('h'));

结果：

  不止是一个单词的字符，用字符串判断也是可以的：

  const str = 'hello world';
  console.log(str.startsWith('hello'));

5、 includes

  includes可以判断一个字符串是否包含另外一个字符串。
例子：

  const str = 'Azhao is a handsome boy';
  console.log(str.includes('handsome'));

  打印结果是true。这里就实现了判断str字符串里面是否包含handsome这个单词。

6、 toUpperCase

  toUpperCase可以把字母都转成大写。
例子：

  const str = 'Azhao is a handsome boy';
  console.log(str.toUpperCase());

结果：

7、 toLowerCase

  toLowerCase可以把字母转成小写。
例子：

  const str = 'AZHAO IS A HANDSOME BOY';
  console.log(str.toLocaleLowerCase());

结果：

8、 indexOf

indexOf可以判断是否包含某字符，如果包含的时候返回在原字符串的下标序号。
例子：

  const str = 'Azhao is a handsome boy';
  console.log(str.indexOf('a'));

结果：

  从例子里看出，原字符串包含了多个a，第一个A是大写的，不能匹配，证明了是区分大小写的。然后返回的结果是3，说明是只返回了第一个出现a的下标。
也可以判断整个字符串：

  const str = 'Azhao is a handsome boy';
  console.log(str.indexOf('handsome'));

结果：

  如果是匹配字符串，那么返回的结果就是字符串第一个字符出现的位置。
如果找不到匹配，那就返回-1

  const str = 'Azhao is a handsome boy';
  console.log(str.indexOf('handsomex'));

结果：

9、 endWith

  endWidth可以判断是否以某字符结尾。
例子：

  const str = 'Azhao is a handsome boy';
  console.log(str.endsWith('boy'));

结果：

10、 trim

  trim可以去掉字符串首尾的空格类字符
例子：

  const str = '\r\n\t  hello world\r\n';
  const str2 = str.trim();
  console.log(str);
  console.log(str2);

结果：

11、 replace

  replace可以替换字符串，支持正则表达式
例子之前在介绍正则表达式的时候用过：

  const str = 'Hello world';
  const reg = /l/g;
  const result = str.replace(reg, 'L')
  console.log(result);

结果是：

12、 match

  match可以查找字符串，支持正则表达式
例子：

  const str = 'Hello world';
  const reg = /l/g;
  const result = str.match(reg)
  console.log(result);

结果：