JavaScript 数据类型:
在 JavaScript 中,数据类型定义了变量可以保存的值的类型。类型决定了可以对该值执行哪些操作。JavaScript 既有原始数据类型(简单值),也有引用数据类型(复杂对象)。
1. 原始数据类型:
这些是 JavaScript 中最基本的数据类型,它们保存单个值。它们是不可变的,这意味着一旦设置了它们的值,就不能更改它们。
a) Number:
表示整数和浮点数。
let x = 42;
b) String:
表示一系列字符。
let name = "Alice";
c) Boolean:
表示真或假。
let isActive = true;
d) Null:
表示故意没有任何对象值。
let person = null;
e) Undefined:
指示已声明但未赋值的变量。
let value;
f) Symbol:
一个唯一的标识符。
const uniqueID = Symbol();
g) BigInt:
用于表示大整数。
let bigNum = 123n;
2. 引用数据类型:
这些数据类型比较复杂,存储值集合或更结构化的数据。它们是可变的,这意味着即使引用保持不变,它们的内容也可以更改。
a) Object:
键值对的集合。
let person = {name: "John"};
b) Array:
值的排序集合。
let arr = [1, 2, 3];
c) Function:
执行任务的代码块。
function greet() {}
JavaScript 变量:
在 JavaScript 中,变量是用于存储数据的命名容器,可以在整个代码中引用和操作这些数据。
变量允许您存储数字、字符串、对象和函数等值。
1. 声明变量:
在 JavaScript 中,变量使用三个关键字之一声明:
var(旧方法,现在较少使用) let(块作用域,在 ES6 中引入) const(块作用域,用于常量,也在 ES6 中引入)
a) var(旧方法):
var 关键字传统上用于在 JavaScript 中声明变量。
var name = "Alice";
var age = 25;
b) let(现代方法):
块作用域意味着变量只能在其定义的块(例如,在 if 语句或循环内)中访问。
let name = "Bob";
let age = 30;
c) const(常量变量):
const 关键字用于声明在初始赋值后不应重新赋值的变量。
const country = "USA";
重新声明变量:
使用 var: 您可以在同一作用域内重新声明变量,JavaScript 不会抛出错误。
<code class="language-javascript">var name = "Alice"; var name = "Bob"; // 没有错误 console.log(name); // 输出:Bob</code>
使用 let 和 const: 您不能在同一作用域内重新声明变量。这样做会导致 SyntaxError。
<code class="language-javascript">let name = "Alice"; let name = "Bob"; // SyntaxError: Identifier 'name' has already been declared</code>
<code class="language-javascript">const country = "USA"; const country = "Canada"; // SyntaxError: Identifier 'country' has already been declared</code>
JavaScript 运算符:
在 JavaScript 中,运算符是执行操作数操作的符号或关键字。
1. 算术运算符:
这些运算符用于对数值执行数学运算。
<code>+ 加法 5 + 3 → 8 - 减法 5 - 3 → 2 * 乘法 5 * 3 → 15 / 除法 5 / 3 → 1.6667 % 取模(除法的余数) 5 % 3 → 2 ** 幂运算(乘方) 2 ** 3 → 8 ++ 递增(加 1) let x = 5; x++ → 6 -- 递减(减 1) let x = 5; x-- → 4</code>
2. 赋值运算符:
这些运算符用于将值赋给变量。
<code>= 简单赋值 let x = 10; += 加法赋值 x += 5; → x = x + 5; -= 减法赋值 x -= 5; → x = x - 5; *= 乘法赋值 x *= 5; → x = x * 5; /= 除法赋值 x /= 5; → x = x / 5; %= 取模赋值 x %= 5; → x = x % 5; **= 幂赋值 x **= 2; → x = x ** 2;</code>
3. 比较运算符:
这些运算符用于比较两个值并返回布尔值(true 或 false)。
<code>== 等于 5 == "5" → true === 全等 5 === "5" → false != 不等于 5 != "5" → false !== 不全等 5 !== "5" → true > 大于 5 > 3 → true >= 大于等于 5 >= 3 → true < 小于 5 < 3 → false <= 小于等于 5 <= 3 → false</code>
4. 逻辑运算符:
这些运算符用于执行逻辑运算,通常使用布尔值。
<code>&& 逻辑与 true && false → false || 逻辑或 true || false → true ! 逻辑非 !true → false</code>
JavaScript 条件语句:
在 JavaScript 中,条件语句用于根据特定条件是否为真或假来执行不同的操作。
1. if 语句
if 语句是最基本的条件语句。如果指定的条件计算结果为真,则执行代码块。
语法:
<code class="language-javascript">if (condition) { // 如果条件为真,则执行的代码块 }</code>
2. else 语句
else 语句跟在 if 语句之后,定义一个代码块,如果 if 语句中的条件为假,则执行该代码块。
语法:
<code class="language-javascript">if (condition) { // 如果条件为真,则执行的代码块 } else { // 如果条件为假,则执行的代码块 }</code>
3. else if 语句
else if 语句允许您测试多个条件。当您需要检查多个条件时使用它。
语法:
<code class="language-javascript">if (condition1) { // 如果 condition1 为真,则执行的代码块 } else if (condition2) { // 如果 condition2 为真,则执行的代码块 } else { // 如果 condition1 和 condition2 都为假,则执行的代码块 }</code>
4. 嵌套 if 语句
您可以将 if 语句嵌套在其他 if 语句中以创建更复杂的条件。
5. switch 语句
switch 语句是测试值与多个条件的一种更有效的方法,尤其是在您有很多不同的可能结果时。
语法:
<code class="language-javascript">switch (expression) { case value1: // 如果 expression === value1,则运行的代码 break; case value2: // 如果 expression === value2,则运行的代码 break; default: // 如果没有 case 匹配,则运行的代码 }</code>
JavaScript 循环:
在 JavaScript 中,循环用于只要满足特定条件就重复执行代码块。当您想执行重复性任务(例如迭代数组或多次执行代码块)时,这很有用。
1. for 循环
for 循环是 JavaScript 中最常见的循环。当您知道要迭代代码块多少次时,通常使用它。
语法:
<code class="language-javascript">for (initialization; condition; increment/decrement) { // 每次迭代中要执行的代码 }</code>
2. while 循环
while 循环只要指定的条件计算结果为真就执行代码块。在每次迭代之前检查条件,并且一旦条件变为假,循环就会停止。
语法:
<code class="language-javascript">while (condition) { // 只要条件为真就执行的代码 }</code>
以上是日期数据类型、变量、运算符、条件语句、Javascript 中的循环的详细内容。更多信息请关注PHP中文网其他相关文章!