返回

用实例解释经典 JavaScript 基础题目,加深理解

前端

实例 1:字符串拼接

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + str2;
console.log(str3); // 输出 "HelloWorld"

在这个例子中,我们使用 + 运算符将两个字符串 str1str2 拼接在一起,并将其存储在变量 str3 中。当我们在控制台打印 str3 时,我们会看到 "HelloWorld"。

实例 2:转为数字比较

var num1 = "10";
var num2 = 10;
if (num1 == num2) {
  console.log("num1 和 num2 相等");
} else {
  console.log("num1 和 num2 不相等");
}

在这个例子中,我们比较了两个变量 num1num2。虽然 num1 是一个字符串,而 num2 是一个数字,但 JavaScript 会自动将 num1 转为数字进行比较。因此,在这个例子中,我们会看到控制台输出 "num1 和 num2 相等"。

实例 3:方法定义属性

var obj = {
  name: "John",
  age: 30
};

obj.job = "Developer";
console.log(obj); // 输出 { name: "John", age: 30, job: "Developer" }

在这个例子中,我们使用 obj.job = "Developer" 语句在对象 obj 上定义了一个新的属性 job,并将它的值设置为 "Developer"。然后我们在控制台打印 obj,可以看到对象 obj 中添加了 job 属性,并将其值设置为 "Developer"。

实例 4:解析字符串

var str = "Hello World";
var arr = str.split(" ");
console.log(arr); // 输出 [ "Hello", "World" ]

在这个例子中,我们使用 str.split(" ") 方法将字符串 str 解析成一个数组 arrsplit() 方法会将字符串按照给定的分隔符(在这个例子中是 " ")分割成一个数组。因此,在这个例子中,我们会在控制台看到数组 arr 中包含两个元素,分别是 "Hello" 和 "World"。

实例 5:递增运算符

var num = 10;
num++; // 相当于 num = num + 1
console.log(num); // 输出 11

在这个例子中,我们使用递增运算符 ++ 来增加变量 num 的值。递增运算符会将变量的值增加 1。因此,在这个例子中,我们会看到控制台输出 11。

希望这些实例能帮助您加深对这些经典 JavaScript 基础题目的理解。如果您还有其他问题,可以随时留言,我会尽快回复您。