ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[TOC] # 基本概念 JavaScript的字符串就是用`''`(半角的单引号)、`""`(半角的双引号)或者反引号(键盘上Esc键下方那个键)括起来的字符表示。 如果`'`本身也是一个字符,那就可以用`""`括起来,比如`"I'm OK"`包含的字符是`I`,`'`,`m`,空格,`O`,`K`这6个字符。 如果字符串内部既包含`'`又包含`"`怎么办?可以用转义字符`\`来标识,比如: ~~~ 'I\'m \"OK\"!'; ~~~ 表示的字符串内容是:`I'm "OK"!` 转义字符`\`可以转义很多字符,比如`\n`表示换行,`\t`表示制表符,字符`\`本身也要转义,所以`\\`表示的字符就是`\`。 ASCII字符可以以`\x##`形式的十六进制表示,例如: ~~~ '\x41'; // 完全等同于 'A' ~~~ 还可以用`\u####`表示一个Unicode字符: ~~~ '\u4e2d\u6587'; // 完全等同于 '中文' ~~~ 由于多行字符串用`\n`写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用反引号表示: ~~~ `这是一个 多行 字符串`; ~~~ # 模板字符串 模板字符串可以用于基本的字符串格式化,将表达式嵌入字符串中进行拼接。ES6反引号(``)直接搞定,模板字符串用${}来界定变量。 ```js const name = 'Jack' let message=`Hello, ${name}.`; console.log(message);//输出:Hello, Jack. ``` 练习:测试你的浏览器是否支持ES6标准,如果不支持,请把多行字符串用`\n`重新表示出来: ~~~ // 如果浏览器不支持ES6,将报SyntaxError错误: alert(`多行 字符串 测试`); ~~~ # 字符串常见的操作 ## 计算字符串的长度 ~~~ var s = 'Hello, world!'; s.length; // 13 ~~~ ## 字符串索引 要获取字符串某个指定位置的字符,使用类似Array的下标操作,索引号从0开始: ~~~ var s = 'Hello, world!'; s[0]; // 'H' s[6]; // ' ' s[7]; // 'w' s[12]; // '!' s[13]; // undefined 超出范围的索引不会报错,但一律返回undefined ~~~ *需要特别注意的是*,字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果: ~~~ var s = 'Test'; s[0] = 'X'; alert(s); // s仍然为'Test' ~~~ JavaScript为字符串提供了一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串: ## toUpperCase `toUpperCase()`把一个字符串全部变为大写: ~~~ var s = 'Hello'; s.toUpperCase(); // 返回'HELLO' ~~~ ## toLowerCase `toLowerCase()`把一个字符串全部变为小写: ~~~ var s = 'Hello'; var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower lower; // 'hello' ~~~ ## indexOf `indexOf()`会搜索指定字符串出现的位置: ~~~ var s = 'hello, world'; s.indexOf('world'); // 返回7 s.indexOf('World'); // 没有找到指定的子串,返回-1 ~~~ ## substring substring() 方法用于提取字符串中介于两个指定下标之间的字符。 ~~~ var s = 'hello, world' s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello' s.substring(7); // 从索引7开始到结束,返回'world' ~~~ ## substr substr() 方法可在字符串中抽取从*start*下标开始的指定数目的字符。 # 实践 编程实现以下功能: * [ ] 键盘输入一行字符串,反转之后显示出来 参考解答: ```javascript function reversedMessage(message) { return message.split('').reverse().join('') } ```