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