JavaScript基础篇(11-20题)

**JavaScript基础篇（11-20题）**

###11. JavaScript 中的变量和数据类型在 JavaScript 中，变量是用来存储值的容器。变量可以保存各种类型的数据，如数字、字符串、布尔值等。

#### 变量声明要使用一个变量，我们需要先声明它。变量声明使用 `let` 或 `var` 关键字。

javascript// 使用 let 声明变量let name = 'John';

// 使用 var 声明变量var age =30;

#### 数据类型JavaScript 支持多种数据类型，包括：

* **数字**：整数或小数，如 `1` 或 `3.14`。
* **字符串**：一系列字符，如 `"hello"` 或 `'world'`。
* **布尔值**：表示真或假的值，如 `true` 或 `false`。

javascript// 数字类型let num =10;

// 字符串类型let str = 'Hello, World!';

// 布尔值类型let flag = true;

###12. JavaScript 中的运算符JavaScript 支持多种运算符，用于执行不同类型的计算。

#### 算术运算符* **加法**：`+`
* **减法**：`-`
* **乘法**：`*`
* **除法**：`/`

javascript// 加法运算let sum =5 +3; // 输出:8// 减法运算let diff =10 -4; // 输出:6// 乘法运算let product =7 *2; // 输出:14//除法运算let quotient =9 /3; // 输出:3

#### 关系运算符* **等于**：`==`
* **不等于**：`!=`
* **大于**：`>`
* **小于**：`<`
* **大于或等于**：`>=`
* **小于或等于**：`<=`

javascript// 等于运算let isEqual =5 ==5; // 输出: true// 不等于运算let isNotEqual =10 !=20; // 输出: true// 大于运算let isGreater =15 >10; // 输出: true// 小于运算let isLess =5 < 10; // 输出: true// 大于或等于运算let isGreaterOrEqual =20 >=20; // 输出: true// 小于或等于运算let isLessOrEqual =15 <=15; // 输出: true

###13. JavaScript 中的控制结构JavaScript 支持多种控制结构，用于控制程序执行流程。

#### if语句if语句用于根据条件选择执行不同的代码块。

javascript// 基本if语句let num =10;
if (num >5) {
 console.log('大于5');
} else {
 console.log('小于或等于5');
}

// if-else-if语句let score =80;
if (score >=90) {
 console.log('A级');
} else if (score >=80) {
 console.log('B级');
} else {
 console.log('C级');
}

#### switch语句switch语句用于根据变量的值选择执行不同的代码块。

javascript// 基本switch语句let day = '星期一';
switch (day) {
 case '星期一':
 console.log('今天是星期一');
 break;
 case '星期二':
 console.log('今天是星期二');
 break;
 default:
 console.log('今天不是星期一或星期二');
}

// switch语句的使用let color = '红色';
switch (color) {
 case '红色':
 console.log('颜色是红色');
 break;
 case '绿色':
 console.log('颜色是绿色');
 break;
 default:
 console.log('颜色不是红色或绿色');
}

###14. JavaScript 中的循环结构JavaScript 支持多种循环结构，用于重复执行代码块。

#### for 循环for 循环用于根据条件重复执行代码块。

javascript// 基本for循环let fruits = ['苹果', '香蕉', '橙子'];
for (let i =0; i < fruits.length; i++) {
 console.log(fruits[i]);
}

// for...in循环let person = { name: 'John', age:30 };
for (let key in person) {
 console.log(`${key}: ${person[key]}`);
}

#### while 循环while 循环用于根据条件重复执行代码块。

javascript// 基本while循环let i =0;
while (i < 5) {
 console.log(i);
 i++;
}

// do...while循环let j =0;
do {
 console.log(j);
 j++;
} while (j < 5);

###15. JavaScript 中的函数JavaScript 支持多种函数，用于封装代码块。

#### 函数声明函数可以使用 `function` 关键字声明。

javascript// 基本函数声明function greet(name) {
 console.log(`Hello, ${name}!`);
}

greet('John'); // 输出: Hello, John!

#### 匿名函数匿名函数是没有名称的函数，可以使用 `=>` 运算符声明。

javascript// 基本匿名函数let add = (a, b) => a + b;
console.log(add(2,3)); // 输出:5

#### 函数表达式函数表达式是可以赋值给变量的函数，可以使用 `=>` 运算符声明。

javascript// 基本函数表达式let square = (x) => x * x;
console.log(square(4)); // 输出:16

###16. JavaScript 中的数组JavaScript 支持多种数组，用于存储和操作数据。

#### 数组创建数组可以使用 `[]` 或 `Array()` 函数创建。

javascript// 基本数组创建let colors = ['红色', '绿色', '蓝色'];
console.log(colors); // 输出: ["红色", "绿色", "蓝色"]

// 使用Array()函数创建数组let numbers = Array(5);
numbers[0] =1;
numbers[1] =2;
numbers[2] =3;
numbers[3] =4;
numbers[4] =5;
console.log(numbers); // 输出: [1,2,3,4,5]

#### 数组方法数组支持多种方法，用于操作数据。

javascript// push()方法let fruits = ['苹果', '香蕉'];
fruits.push('橙子');
console.log(fruits); // 输出: ["苹果", "香蕉", "橙子"]

// pop()方法let vegetables = ['黄瓜', '茄子'];
vegetables.pop();
console.log(vegetables); // 输出: ["黄瓜"]

// shift()方法let days = ['星期一', '星期二'];
days.shift();
console.log(days); // 输出: ["星期二"]

###17. JavaScript 中的对象JavaScript 支持多种对象，用于存储和操作数据。

#### 对象创建对象可以使用 `{}` 或 `Object()` 函数创建。

javascript// 基本对象创建let person = { name: 'John', age:30 };
console.log(person); // 输出: {name: "John", age:30}

// 使用Object()函数创建对象let car = Object();
car.color = '红色';
car.model = '宝马';
console.log(car); // 输出: {color: "红色", model: "宝马"}

#### 对象方法对象支持多种方法，用于操作数据。

javascript// hasOwnProperty()方法let book = { title: 'JavaScript', author: 'John' };
console.log(book.hasOwnProperty('title')); // 输出: true// getOwnPropertyDescriptor()方法let music = { genre: '流行音乐', artist: 'Taylor Swift' };
console.log(Object.getOwnPropertyDescriptor(music, 'genre')); // 输出: {value: "流行音乐", writable: true, enumerable: true, configurable: true}

###18. JavaScript 中的正则表达式JavaScript 支持多种正则表达式，用于匹配和操作字符串。

#### 正则表达式创建正则表达式可以使用 `/` 或 `RegExp()` 函数创建。

javascript// 基本正则表达式创建let pattern = /hello/;
console.log(pattern); // 输出: /hello/

// 使用