首页 >web前端 >js教程 >日期数据类型、变量、运算符、条件语句、Javascript 中的循环

日期数据类型、变量、运算符、条件语句、Javascript 中的循环

Susan Sarandon
Susan Sarandon原创
2025-01-22 10:32:09289浏览

Day  Datatypes, Variables,Operators, Conditional Statements,Looping in Javascript

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn