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

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

Jan 22, 2025 am 10:32 AM

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 不会抛出错误。

var name = "Alice";
var name = "Bob";  // 没有错误
console.log(name);  // 输出:Bob
登录后复制

使用 let 和 const: 您不能在同一作用域内重新声明变量。这样做会导致 SyntaxError。

let name = "Alice";
let name = "Bob";  // SyntaxError: Identifier 'name' has already been declared
登录后复制
const country = "USA";
const country = "Canada";  // SyntaxError: Identifier 'country' has already been declared
登录后复制

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 语句是最基本的条件语句。如果指定的条件计算结果为真,则执行代码块。

语法:

if (condition) {
    // 如果条件为真,则执行的代码块
}
登录后复制

2. else 语句

else 语句跟在 if 语句之后,定义一个代码块,如果 if 语句中的条件为假,则执行该代码块。

语法:

if (condition) {
    // 如果条件为真,则执行的代码块
} else {
    // 如果条件为假,则执行的代码块
}
登录后复制

3. else if 语句

else if 语句允许您测试多个条件。当您需要检查多个条件时使用它。

语法:

if (condition1) {
    // 如果 condition1 为真,则执行的代码块
} else if (condition2) {
    // 如果 condition2 为真,则执行的代码块
} else {
    // 如果 condition1 和 condition2 都为假,则执行的代码块
}
登录后复制

4. 嵌套 if 语句

您可以将 if 语句嵌套在其他 if 语句中以创建更复杂的条件。

5. switch 语句

switch 语句是测试值与多个条件的一种更有效的方法,尤其是在您有很多不同的可能结果时。

语法:

switch (expression) {
    case value1:
        // 如果 expression === value1,则运行的代码
        break;
    case value2:
        // 如果 expression === value2,则运行的代码
        break;
    default:
        // 如果没有 case 匹配,则运行的代码
}
登录后复制

JavaScript 循环:

在 JavaScript 中,循环用于只要满足特定条件就重复执行代码块。当您想执行重复性任务(例如迭代数组或多次执行代码块)时,这很有用。

1. for 循环

for 循环是 JavaScript 中最常见的循环。当您知道要迭代代码块多少次时,通常使用它。

语法:

for (initialization; condition; increment/decrement) {
    // 每次迭代中要执行的代码
}
登录后复制

2. while 循环

while 循环只要指定的条件计算结果为真就执行代码块。在每次迭代之前检查条件,并且一旦条件变为假,循环就会停止。

语法:

while (condition) {
    // 只要条件为真就执行的代码
}
登录后复制

以上是日期数据类型、变量、运算符、条件语句、Javascript 中的循环的详细内容。更多信息请关注PHP中文网其他相关文章!

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

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

在JavaScript中替换字符串字符 在JavaScript中替换字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替换字符串字符

jQuery检查日期是否有效 jQuery检查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery检查日期是否有效

jQuery获取元素填充/保证金 jQuery获取元素填充/保证金 Mar 01, 2025 am 08:53 AM

jQuery获取元素填充/保证金

10个jQuery手风琴选项卡 10个jQuery手风琴选项卡 Mar 01, 2025 am 01:34 AM

10个jQuery手风琴选项卡

10值得检查jQuery插件 10值得检查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得检查jQuery插件

HTTP与节点和HTTP-Console调试 HTTP与节点和HTTP-Console调试 Mar 01, 2025 am 01:37 AM

HTTP与节点和HTTP-Console调试

自定义Google搜索API设置教程 自定义Google搜索API设置教程 Mar 04, 2025 am 01:06 AM

自定义Google搜索API设置教程

jQuery添加卷轴到Div jQuery添加卷轴到Div Mar 01, 2025 am 01:30 AM

jQuery添加卷轴到Div

See all articles