网页前端开发之Javascript入门篇(7/9)：字符串

Javascript字符串

什么是字符串？
答：其概念跟 Python教程 介绍的一样，只是语法上有所变化。

在 Javascript 中，一个字符串变量可以看做是其内置类String的一个实例（Javascript会自动包装）。
因此它拥有一些类属性和类方法，你可以按照实例的语法去读取或调用它们。

下面是常见的字符串用法：

创建

📘 示例

var name = "John";  // 用双引号括住文字内容
console.log(name);
var name = 'Jonh';  // 单引号和双引号作用一样
console.log(name);

读取

使用索引值来读取字符串中指定位置的字符。
其语法是： 变量名 带上一对 中括号 ，里面填入 索引值 即可。

📘 示例

var name = 'John';
var char = name[0];
console.log(char);  // 第1个字符的索引值是0，所以输出：J

长度

使用字符串的类属性length来获取字符串的长度。

📘 示例

var name = 'John';
var n = name.length;
console.log(n);  // 输出：4

拼接

使用 加号 （+）运算符来拼接两个字符串。

📘 示例

var first_name = 'John';
var last_name = 'Doe';
var full_name = first_name + last_name; // 加号对字符串变量起拼接作用
console.log(full_name);  // 输出：JohnDoe

替换

使用字符串的类方法replace来替换字符串的内容。

📘 示例

var sss = "hello,world";
var xxx = sss.replace("world", "javascript");  // 参数1是要替换的值，参数2是替换后的值
var yyy = xxx.replace("javascript", "");       // 替换为空，相当删除
console.log(sss);  // 因为 replace 并不会修改原有值，只是返回一个新的修改值，所以 sss 不会变
console.log(xxx);  // 输出：hello,javascript
console.log(yyy);  // 输出：hello,

除了 replace 类方法之外，字符串还拥有其他的类方法，你可以根据需求调用即可。

空字符串类型

📘 示例

var sss = "";  // 什么都不填，则为一个空的字符串
console.log(sss);

字符串类型的数字

📘 示例

var value1 = "12345";
var value2 = 12345;
var num = parseInt(value1);  // Javascript的内置函数parseInt，可以把字符串转成数值
var xxx = num + 1;
console.log(xxx);
// 输出：12346
var sss = value2 + '';  // 对数值加上一个空符串，可以把数值转成字符串
var yyy = sss + 1;      // 字符串与任意数据类型相加时，非字符串的值会被强制转成字符串
console.log(yyy);
// 输出：123451

---

请在 MinWegPage 上直接在线编写和运行本篇代码，无需安装任何环境。

本篇的练习题如下：

第1题
创建一个字符串name，赋值为你的名字。
打印其名字长度。
第2题
创建一个字符串name，赋值为你好友的名字。
打印其最后一个字符。
第3题
先创建一个字符串name1，赋值为你的名字，
再创建一个字符串name2，赋值为你好友的名字。
把name1和name2拼接起来赋值给aaa，最后打印其值。

请认真完成所有练习题，勤加练习有助于快速提升你的编程能力。
更多练习题在 https://www.min2k.com/course/docs/web-client/string