让JavaScript代码活灵活现：基础入门全解析（下）

2023-12-05 21:57:00







## JavaScript基础入门全解析（下）

**数据类型** 

数据类型是指我们存储在内存中的数据的分类，为了方便数据的管理，将数据分成了不同的类型。在JavaScript中，基本数据类型包括：

* 数字（Number）：包括整数和小数，用数字表示。
* 字符串（String）：由一个或多个字符组成的文本，用引号括起来。
* 布尔值（Boolean）：只有两个值，true和false，表示真和假。
* undefined：表示变量尚未赋值。
* null：表示变量的值为null，与undefined不同。

**变量** 

变量是用来存储数据的容器，使用let或const声明。let声明的变量可以重新赋值，const声明的变量则不能重新赋值。

**运算符** 

运算符用于对数据进行操作，包括算术运算符（+、-、*、/、%）、比较运算符（==、===、!=、!==、>、<、>=、<=）、逻辑运算符（&&、||、!）和赋值运算符（=、+=、-=、*=、/=、%=）。

**条件语句** 

条件语句用于判断一个条件是否成立，并根据条件成立与否执行不同的代码。条件语句包括if语句、if-else语句和switch语句。

**循环语句** 

循环语句用于重复执行一段代码。循环语句包括for循环、while循环和do-while循环。

**函数** 

函数是JavaScript中的一种代码块，可以被重复调用。函数可以接受参数，也可以返回结果。

**数组** 

数组是一种数据结构，用于存储一组有序的数据。数组中的元素可以使用索引来访问。

**对象** 

对象是一种数据结构，用于存储一组无序的数据。对象中的元素可以使用属性名来访问。

**DOM操作** 

DOM操作是JavaScript用于操作网页文档对象模型（DOM）的方法。DOM是网页文档的结构表示，JavaScript可以使用DOM操作来修改网页文档的内容和样式。

**示例代码** 

```javascript
// 声明变量
let name = "John";
const age = 20;

// 使用运算符进行计算
let sum = 1 + 2;
let difference = 5 - 3;
let product = 10 * 2;
let quotient = 20 / 5;
let remainder = 11 % 3;

// 使用条件语句判断条件
if (age >= 18) {
  console.log("John is an adult.");
} else {
  console.log("John is a minor.");
}

// 使用循环语句重复执行代码
for (let i = 0; i < 5; i++) {
  console.log("Loop iteration " + i);
}

// 使用函数定义代码块
function sayHello(name) {
  console.log("Hello, " + name + "!");
}

// 调用函数
sayHello("John");

// 使用数组存储数据
let numbers = [1, 2, 3, 4, 5];

// 使用对象存储数据
let person = {
  name: "John",
  age: 20,
  city: "New York"
};

// 使用DOM操作修改网页文档
document.getElementById("heading").innerHTML = "Hello, JavaScript!";