Javascript教程二——字符串_js字符串阶段-优快云博客

2、字符串String

JavaScript的字符串就是用单引号 ‘’ 或双引号 “” 括起来的字符表示。如果 ’ 本身也是一个字符，那就可以用 " 括起来。

举个🌰：“I’m ruby” => I’m ruby

那如果“”也是字符呢？？？？？？

可以用转义字符\来标识特殊字符：

"\"I'm ruby\""     =>     "I'm ruby"

2.1 拼接字符串以及多行字符串

最新的ES6标准新增了一种拼接以及多行字符串的表示方法，用反引号 ` 表示。
在React里面编写一段拼接字符串代码时最最常用：

const name = 'ruby';
console.log(`我是一个叫做${name}的人`); // 我是一个叫做ruby的人

关于 ${} 下面有介绍。
同时由于多行字符串用 \n 写起来比较费事，所以一下方式也是可以的：

` 1233
  4566
  5689`;

要把多个字符串连接起来，可以用 + 号连接：

var name = 'ruby';
var age = 20;
var message = name + '-' + age;
console.log(message); // ruby - 20

ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：${变量}

var name = 'ruby';
var age = 20;
var message = `${name}-${age}`;
console.log(message); // ruby - 20

2.2 字符串长度

s.length
要获取字符串某个指定位置的字符，使用类似Array的下标操作，索引号从0开始。

var s = 'Hello, world!';
s.length; // 12
s[0]; // H

2.3 遍历

和数组遍历的方式差不多，利用for循环即可：
s[0]; // ‘H’
s[6]; // ’ ’
s[7]; // ‘w’
s[12]; // ‘!’
s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined

需要特别注意的是，字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果，所以不可以直接更改字符串某一位的value，如果真的想改，就重新命名一个字段吧。

2.4 方法

1、toUpperCase

toUpperCase()把一个字符串全部变为大写：

s.toUpperCase(); // HELLO WORLD!

2、toLowerCase

toLowerCase()把一个字符串全部变为小写：

s.toLowerCase(); // hello world!

3、indexOf

indexOf()会搜索指定字符串首次出现的位置,最需要注意的便是首次这个词汇，后面假如还有该字符，完全不管，直接忽略，只要找到第一个，直接返回location。

indexOf还有一个可选参数，便是检索开始的位置，当没有标注的时候，便是默认从0开始遍历。

var s = 'hello, world';
s.indexOf('world', 0);  // 返回7
s.indexOf('World', 9);  // 没有找到指定的子串，返回-1

var t = 'hello world world';
t.indexOf('world'); // 6

4、substring

substring(start,end)返回指定索引区间的子串,包括start，但不包括end。可以帮助进行字符串的匹配：

var s = 'hello, world'
s.substring(0, 5); 	// 从索引0开始到5（不包括5），返回'hello'
s.substring(7); 	// 从索引7开始到结束，返回'world'

5、slice

s.slice(start,end)；

返回从start（包括 start）到 end 结束（不包括 end）的子串。当然，可以忽略后面的参数，这样就是从start到最后。

6、parseInt

注意：parseInt不是字符串的方法，它是Number的，这里是讲述如何变Number。
let temp = parseInt(str);

7、字符串转数组 split

s = '123456789'
s.split(''); // [1,2,3,4,5,6,7,8,9,0]
s = '1,2,3,4,5,6,7,8,9,0';
s.split(','); // 根据 ，分开  [1,2,3,4,5,6,7,8,9,0]
s = '1-2-3-4-5-6-7-8-9-0'
s.split('-'); // 根据 - 分开 [1,2,3,4,5,6,7,8,9,0]

本文来源廖雪峰老师教程的笔记，有疑惑可以直接访问廖雪峰老师教程：https://www.liaoxuefeng.com/wiki/1022910821149312/1023022043494624