JavaScript String 字符串对象-数据类型

'\u03a3'.length; // 1
// 转义序列表示一个字符，所以只算一个字符。如果包含双节字符可能导致 length 不准确

字符串是不可变的，一旦创建，值就不能变了。字符串的方法都是返回新的值。

let lang = 'Java';
lang = lang + 'Script';

刚开始 lang 包含字符串"Java"，接着，lang 被重新定义为包含"Java"和"Script"的组合"JavaScript"。整个过程首先会分配一个足够容纳 10 个字符的空间，然后填充上"Java"和"Script"。最后销毁原始的字符串"Java"和字符串"Script"，所有处理都是在后台发生的。

转换为字符串

几乎所有值都有的 toString()方法，字符串 toString()方法只是简单地返回自身的一个副本，null 和 undefined 值没有

let age = 11;
let ageAsString = age.toString(); // 字符串"11"
let found = true;
let foundAsString = found.toString(); // 字符串"true"

// 参数为进制数，默认10进制
let num = 10;
console.log(num.toString()); // "10"
console.log(num.toString(2)); // "1010"
console.log(num.toString(8)); // "12"
console.log(num.toString(10)); // "10"
console.log(num.toString(16)); // "a"

• String()

因为 null 和 undefined 没有 toString()方法，就直接返回了字面量文本。

let value1 = 10;
let value2 = true;
let value3 = null;
let value4;
console.log(String(value1)); // "10"
console.log(String(value2)); // "true"
console.log(String(value3)); // "null"
console.log(String(value4)); // "undefined"

注意用加号操作符给一个值加上一个空字符串""也可以将其转换为字符串 :::

取值

str.charAt(1); // 返回下标
str[1]; // 返回下标
str.charCodeAt(1); // 返回下标对应Unicode编码
String.fromCharCode(97, 99); // 'ac' 返回对应Unicode码对应字符

截取

• 不会对原始字符串修改，返回值的副本
• 只有一个参数，截取到字符结束

str.substring(0, 2);

1. 起始下标，结束下标 -1
2. 起始大于结束，会互换
3. 起始为负数，默认变 0

str.slice(0, 3);

1. 起始下标，结束下标-1
2. 起始大于结束，不换位，返回空字符串
3. 出现负值，为倒数 = length + 负数

str.substr(1, 3);

1. 起始下标，截取位数
2. 出现负值，为倒数 = length + 负数

位置查询

str.indexOf('o'); // 查询字符下标 没有返回 -1
str.lastIndexOf('o'); // 从末尾查询 下标还是从左开始 没有返回 -1
str.indexOf('o', 6); // 下标 6 开始查询
str.lastIndexOf('2', 3); // 下标 3 向下标 0 倒序搜
str.search('ol'); // 下标 0 开始查找 indexOf 但可以传正则

分隔/拼接

// 分隔
str.split('，', 2);
// 参数 1：以“,”分隔 返回数组，可以传正则
// 参数 2：可选，返回数组的 length，后面多余的不会有

// 拼接
str.concat('!'); // 拼接字符串

编辑/替换

str.trim(); // 删除前后的空格，中间的空格不会删除，返回副本

// replace：查找字符，要替换字符
str.replace('at', 'oo'); // coo, bat, sat  只会替换第一个
str.replace(/at/g, 'oo'); // coo, boo, soo  全局替换要正则表达式

大小写转换

str.toUpperCase(); // AAA  BB 大写
str.toLocaleUpperCase(); // AAA  BB 大写
str.toLowerCase(); // aaa  bb 小写
str.toLocaleLowerCase(); // aaa  bb 小写

带 Locale 是针对地区的转换，Unicode 码可能存在不同，如土耳其地区需要对应的特殊规则才能转换，所以最好使用地区特定的转换方法。

URI 编码方法

encodeURI('https://www.baidu.com /'); // https://www.baidu.com%20/（只有空格替换成 %20）
encodeURIComponent('https://www.baidu.com /'); // https%3A%2F%2Fwww.baidu.com%20%2F （除字母数字符号，替换成对应的编码）
decodeURI('https://www.baidu%23.com%20'); // https://www.baidu%23.com ( %20 会变成空格，%23 是 decodeURIComponent 的字符不会被转换  )
decodeURIComponent(url1); // https://www.baidu#.com （所有的字符变成原来的，但这个字符不是一个有效的 URL）

eval()

• 解析字符串 js 代码

eval("function hi(){console.log('hi');}");
hi(); // eval 可以将字符串直接当做完整的 js 代码解析运行
eval("var a = 'hello world'"); // 不会有变量提升，因为包含在字符串中，只有 eval 运行的时候才会被解析

注意

当开启严格模式后 eval 会存在作用域

localeCompare()

• 比较字符串在字母表的前后
• 在前面返回 1
• 在后面返回 -1

var str = 'yellow';
str.localeCompare('brick'); // 1
str.localeCompare('yellow'); // 0
str.localeCompare('zoo'); // -1

// 姓名比较 sort姓名排序
'张'.localeCompare('啊', 'cn'); // 1 张Z 的字母表 在 啊A 的后面

// 中文的比较方法 ---- 可以比较任何文字
var arr = [
  { name: '武丽昕', num: 78 },
  { name: '汤文博', num: 38 },
  { name: '卢文博', num: 58 },
  { name: '付秋萍', num: 79 },
];
arr.sort(function (a, b) {
  // 中文名 进行排序
  return a.name.localeCompare(b.name, 'zh');
});