极客笔记js char字符串
概述
字符串是一种常见的数据类型，在JavaScript中，字符串由Unicode字符组成，使用一对双引号或单引号括起来。字符串可以包含任意字符，包括字母、数字、特殊字符和空格。
字符串的创建和赋值
在JavaScript中，字符串可以通过直接赋值或使用构造函数创建。
直接赋值
let str1 = "Hello World!";
let str2 = 'Hello World!';
console.log(str1); // Output: Hello World!
console.log(str2); // Output: Hello World!
使用构造函数
let str3 = new String("Hello World!");
let str4 = new String('Hello World!');
console.log(str3); // Output: Hello World!
console.log(str4); // Output: Hello World!
直接赋值更为常见且更简洁，所以我们通常使用直接赋值的方式创建字符串。
字符串的拼接
JavaScript提供了多种方式来拼接字符串。
加号操作符
let str1 = 'Hello';
let str2 = 'World!';
let result = str1 + ' ' + str2;
console.log(result); // Output: Hello World!
模板字面量
let str1 = 'Hello';
let str2 = 'World!';
let result = `{str1}{str2}`;
console.log(result); // Output: Hello World!
concat方法
let str1 = 'Hello';
let str2 = 'World!';
let result = str1.concat(' ', str2);
console.log(result); // Output: Hello World!
拼接字符串时，需要注意加号操作符会自动将其他类型的数据转换为字符串类型，而模板字面量和concat方法不会自动进行类型转换。
字符串的访问和遍历
可以通过索引访问字符串中的单个字符。索引从0开始，可以使用中括号或charAt方法获取指定索引的字符。
let str = 'Hello World!';
console.log(str[0]); // Output: H
console.log(str.charAt(6)); // Output: W
字符串也可以使用for循环来遍历单个字符。
let str = 'Hello World!';
for (let i = 0; i < str.length; i++) {
console.log(str[i]); // Output: H e l l o W o r l d !
}
字符串的属性和方法
字符串作为一种数据类型，本身具有一些属性和方法，用于对字符串进行各种操作。
属性
字符串具有以下属性：
length：返回字符串的长度。
let str = 'Hello World!';
console.log(str.length); // Output: 12
方法
字符串具有以下常用方法：
toUpperCase：将字符串转换为大写。
let str = 'Hello World!';
let result = str.toUpperCase();
console.log(result); // Output: HELLO WORLD!
toLowerCase：将字符串转换为小写。
let str = 'Hello World!';
let result = str.toLowerCase();
console.log(result); // Output: hello world!
split：将字符串按照指定的分隔符拆分为数组。
let str = 'Hello,World!';
let result = str.split(',');
console.log(result); // Output: ['Hello', 'World!']
trim：去除字符串两端的空格。
let str = ' Hello World! ';
let result = str.trim();
console.log(result); // Output: Hello World!
substring：提取字符串的子串。
let str = 'Hello World!';
let result = str.substring(6, 11);
console.log(result); // Output: World
这些方法仅列出了一部分常用的方法，还有许多其他方法可以对字符串进行操作。可以查阅JavaScript的官方文档以获取更多信息。
字符串的比较
在JavaScript中，可以使用比较运算符来比较字符串的大小。
相等性比较
let str1 = 'Hello';
let str2 = 'Hello';
console.log(str1 === str2); // Output: true
console.log(str1 == str2); // Output: true
大小比较
let str1 = 'abc';
let str2 = 'def';
console.log(str1 < str2); // Output: true
console.log(str1 > str2); // Output: false
比较是按照Unicode编码逐个字符进行的。如果需要按照字符串的自然顺序进行比较，可以使用localeCompare方法。
let str1 = 'abc';
let str2 = 'def';
console.log(str1.localeCompare(str2)); // Output: -1
console.log(str2.localeCompare(str1)); // Output: 1
localeCompare方法会返回负数、正数或零，分别代表str1小于、大于或等于str2。
字符串的不可变性
字符串在JavaScript中是不可变的，意味着一旦创建后就无法更改。对于已有的字符串进行修改时，实际上是创建了一个新的字符串。
let str = 'Hello';
str = str + ' World!';
console.log(str); // Output: Hello World!
尽管我们对字符串进行了拼接操作，但原始字符串并没有改变，而是创建了一个新的字符串来保存结果。
字符串的常见应用
数字转换
在JavaScript中，可以使用内置函数parseInt和parseFloat将字符串转换为数字。
let str1 = '123';
let str2 = '3.14';
let num1 = parseInt(str1);
let num2 = parseFloat(str2);
console.log(num1); // Output: 123
console.log(num2); // Output: 3.14
替换字符
可以使用replace方法替换字符串中的字符或子串。
let str = 'Hello World!';
let result = str.replace('World', 'JavaScript');
console.log(result); // Output: Hello JavaScript!
字符串判断
可以使用startsWith、endsWith、includes等方法来判断字符串是否以特定字符或子串开头、结尾或包含。
let str = 'Hello World!';
console.log(str.startsWith('Hello')); // Output: true
console.log(str.endsWith('World!')); // Output: true
console.log(str.includes('o')); // Output: true
格式验证
可以使用正则表达式来验证字符串的格式，例如邮箱、手机号码等。
let email = "example@example.com";
let phone = "1234567890";
let emailRegex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+/;
let phoneRegex = /^\d{10}/;
console.log(emailRegex.test(email)); // Output: true
console.log(phoneRegex.test(phone)); // Output: true
URL编码和解码
可以使用encodeURIComponent和decodeURIComponent函数对URL进行编码和解码。
let url = 'https://www.example.com/?q=JavaScript&lang=zh-cn';
let encodedUrl = encodeURIComponent(url);
console.log(encodedUrl); // Output: https%3A%2F%2Fwww.example.com%2F%3Fq%3DJavaScript%26lang%3Dzh-cn
let decodedUrl = decodeURIComponent(encodedUrl);
console.log(decodedUrl); // Output: https://www.example.com/?q=JavaScript&lang=zh-cn
字符串的拆分和拼接
可以使用split方法将字符串拆分为数组，或使用join方法将数组拼接为字符串。
let str = 'JavaScript is awesome!';
let arr = str.split(' ');
console.log(arr); // Output: ['JavaScript', 'is', 'awesome!']
let joinedStr = arr.join('-');
console.log(joinedStr); // Output: JavaScript-is-awesome!
字符串的截取
可以使用slice方法或substring方法对字符串进行截取。
let str = 'Hello World!';
let slicedStr1 = str.slice(6); // 从索引6开始截取到末尾
console.log(slicedStr1); // Output: World!
let slicedStr2 = str.slice(0, 5); // 从索引0开始截取到索引5（不包含索引5）
console.log(slicedStr2); // Output: Hello
let subStr = str.substring(6, 11); // 从索引6截取到索引11（不包含索引11）
console.log(subStr); // Output: World
这些是字符串的一些常见应用场景，字符串作为一种常用的数据类型，在JavaScript中具有重要的地位。通过熟练掌握字符串的创建、拼接、访问和修改等操作，可以更好地处理和操作字符串数据。