JavaScript String 字符串对象-数据类型
大约 4 分钟约 1152 字
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
- 起始大于结束,会互换
- 起始为负数,默认变 0
str.slice(0, 3);
- 起始下标,结束下标-1
- 起始大于结束,不换位,返回空字符串
- 出现负值,为倒数 = length + 负数
str.substr(1, 3);
- 起始下标,截取位数
- 出现负值,为倒数 = 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');
});