当前位置：首页 > news >正文

第三天学习JavaScript基础，掌握变量、数据类型、运算符、流程控制

news 来源：原创 2025/6/4 1:08:26

学习JavaScript基础是成为一名前端开发者的重要一步。以下是关于变量、数据类型、运算符和流程控制的一些基础知识和示例代码。

1. 变量

变量用于存储数据。在JavaScript中，使用var、let或const关键字来声明变量。

// 使用 var 声明变量（不推荐，因为 var 有函数作用域）
var message = "Hello, World!";// 使用 let 声明变量（推荐，因为 let 有块级作用域）
let count = 10;// 使用 const 声明常量（不可重新赋值）
const PI = 3.14159;

2. 数据类型

JavaScript有八种基本数据类型：

数值类型（Number）：整数和浮点数
字符串类型（String）：文本
布尔类型（Boolean）：true或false
空类型（Null）：一个空值
未定义类型（Undefined）：未赋值的变量
Symbol：唯一且不可变的基本数据类型
BigInt：任意精度的整数
对象（Object）：复杂数据类型，包括数组和函数

let num = 42; // Number
let str = "Hello"; // String
let bool = true; // Boolean
let nullVal = null; // Null
let undef; // Undefined
let sym = Symbol("description"); // Symbol
let bigInt = 9007199254740991n; // BigInt
let obj = { name: "Alice" }; // Object

3. 运算符

运算符用于执行各种操作，例如算术运算、比较和逻辑运算。

算术运算符

let sum = 5 + 3; // 加法
let diff = 5 - 3; // 减法
let prod = 5 * 3; // 乘法
let quot = 5 / 3; // 除法
let mod = 5 % 3; // 取余
let exp = 5 ** 2; // 幂运算
let inc = sum++; // 自增
let dec = sum--; // 自减

比较运算符

let isEqual = (5 == 3); // false
let isNotEqual = (5 != 3); // true
let isGreater = (5 > 3); // true
let isLess = (5 < 3); // false
let isGreaterOrEqual = (5 >= 3); // true
let isLessOrEqual = (5 <= 3); // false

逻辑运算符

let andResult = (true && false); // false
let orResult = (true || false); // true
let notResult = !true; // false

4. 流程控制

流程控制语句用于控制代码的执行顺序。

条件语句

let score = 85;if (score >= 90) {console.log("Grade: A");
} else if (score >= 80) {console.log("Grade: B");
} else if (score >= 70) {console.log("Grade: C");
} else if (score >= 60) {console.log("Grade: D");
} else {console.log("Grade: F");
}

循环语句

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

跳转语句

let n = 0;// break 语句
for (let i = 0; i < 10; i++) {if (i === 5) {break; // 跳出循环}console.log(i);
}// continue 语句
for (let i = 0; i < 10; i++) {if (i === 5) {continue; // 跳过当前迭代}console.log(i);
}// return 语句（在函数中）
function testReturn() {return "Hello"; // 退出函数并返回值
}
console.log(testReturn());

总结

以上介绍了JavaScript基础中的变量、数据类型、运算符和流程控制。这些内容是编程的基础，理解并熟练掌握它们对于进一步学习高级JavaScript特性和框架至关重要。通过编写和调试代码，不断实践和应用这些知识，可以加深理解并提高编程技能。

第三天学习JavaScript基础，掌握变量、数据类型、运算符、流程控制

学习JavaScript基础是成为一名前端开发者的重要一步。以下是关于变量、数据类型、运算符和流程控制的一些基础知识和示例代码。 1. 变量变量用于存储数据。在JavaScript中，使用var、let或const关键字来声明变量。 // 使用 var 声明变量（不推荐&#…...

编程日记 2025/6/4 1:08:26

Python - itertools- pairwise函数的详解

前言： 最近在leetcode刷题时用到了重叠对pairwise,这里就讲解一下迭代工具函数pairwise,既介绍给大家，同时也提醒一下自己，这个pairwise其实在刷题中十分有用，相信能帮助到你。参考官方讲解：itertools --- 为高效循…...

编程日记 2025/6/3 18:55:19

C语言程序设计十大排序—选择排序

文章目录 1.概念✅2.选择排序🎈3.代码实现✅3.1 直接写✨3.2 函数✨ 4.总结✅5.十大排序 1.概念✅ 排序是数据处理的基本操作之一，每次算法竞赛都很多题目用到排序。排序算法是计算机科学中基础且常用的算法，排序后的数据更易于处理和查找。在…...

编程日记 2025/5/29 12:38:32

微前端qiankun的基本使用（vue-element-admin作为项目模版）

微前端qiankun的基本使用（vue-element-admin作为项目模版） qiankun架构特点主应用netmoni_master改造工程项目目录结构子项目配置：子应用注册配置项container：子应用挂载节点配置项activeRule：子应用路由子应用netmoni_child1改造目录结构项目配置：src/settings中配置子应…...

编程日记 2025/6/1 12:40:14

MySQL用户授权、收回权限与查看权限

【图书推荐】《MySQL 9从入门到性能优化（视频教学版）》-CSDN博客《MySQL 9从入门到性能优化（视频教学版）（数据库技术丛书）》(王英英)【摘要书评试读】- 京东图书 (jd.com) MySQL9数据库技术_夏天又到了…...

编程日记 2025/6/2 2:42:55

Ansible fetch模块详解：轻松从远程主机抓取文件

在自动化运维的过程中，我们经常需要从远程主机下载文件到本地，以便进行分析或备份。Ansible的fetch模块正是为了满足这一需求而设计的，它可以帮助我们轻松地从远程主机获取文件，并将其保存到本地指定的位置。在这篇文章中&#xf…...

编程日记 2025/5/29 13:08:31

skynet 源码阅读 -- 启动主流程

Skynet 启动主流程分析 Skynet 是一个轻量级、高并发的服务器框架。它在启动时会进行一系列初始化操作，并启动多个不同功能的线程（Monitor、Timer、Worker、Socket），从而实现消息分发、定时器、网络I/O等核心功能。本文主要从 ma…...

编程日记 2025/6/1 17:19:10

【Linux】Linux入门（三）权限

目录前提权限概念whoami指令 Linux权限管理文件访问者的分类（人）file指令权限信息权限的表示方法 chmod指令更改权限chown指令修改文件，文件夹所属用户和用户组权限掩码umask（权限掩码） 粘滞位前提请先看下面这…...

编程日记 2025/6/2 7:03:09

FluentCMS：基于 ASP.NET Core 和 Blazor 技术构建的开源CMS内容管理系统

推荐一个基于 ASP.NET Core 和 Blazor 技术构建的、功能完善的开源CMS内容管理系统。 01 项目简介 FluentCMS 是一个基于强大的 ASP.NET Core 和创新的 Blazor 技术构建的现代内容管理系统（CMS）。 FluentCMS 设计为快速、灵活且用户友好，它…...

编程日记 2025/6/1 15:47:34

一、创建目录 mkdir -p config/{cert,conf.d} html logs二、上传nginx.conf的配置文件 user nginx; worker_processes auto;error_log /var/log/nginx/error.log notice; pid /var/run/nginx.pid;events {worker_connections 1024; }http {include /etc/ngin…...

编程日记 2025/6/3 19:05:55

leetcode-84-柱状图最大的矩形

柱状图中最大的矩形已解答算术评级: 7 同步题目状态困难相关标签相关企业给定 n 个非负整数，用来表示柱状图中各个柱子的高度。每个柱子彼此相邻，且宽度为 1 。求在该柱状图中，能够勾勒出来的矩形的最大面积。 1. stack 计算位置在…...

编程日记 2025/6/4 1:20:33

Vue | 搭建第一个Vue项目（安装node,vue-cli）

一.环境搭建： 1.安装node： 进入网站，下载对应版本的node.js Index of /dist/ (nodejs.org) 我这里下载的是： 解压到对应的目录下： 并新建两个文件夹node_cache和node_global： 2.配置环境： …...

编程日记 2025/6/3 18:51:08

Redis 持久化机制：RDB 和 AOF

Redis 持久化机制：RDB 和 AOF Redis 主要提供了两种持久化方式：**RDB（Redis Database）**和 AOF（Append-Only File）。它们各自的实现原理、优缺点以及适用场景如下。 1. RDB（Redis Database&…...

编程日记 2025/6/1 9:24:42

ToDesk云电脑、顺网云、网易云、易腾云、极云普惠云横测对比：探寻电竞最佳拍档

一、云电脑：电竞新宠崛起在电竞游戏不断发展的今天，硬件性能成为了决定游戏体验的关键因素。为了追求极致的游戏画面与流畅度，玩家们往往需要投入大量资金购置高性能电脑。然而，云电脑技术的出现，为玩家们提供了一种…...

编程日记 2025/6/1 19:53:52

GPT 结束语设计以nanogpt为例

GPT 结束语设计以nanogpt为例目录 GPT 结束语设计以nanogpt为例 1、简述 2、分词设计 3、结束语断点 1、简述在手搓gpt的时候，可能会遇到一些性能问题，即关于是否需要全部输出或者怎么节约资源。在输出语句被max_new_tokens 限制&#xff0c…...

编程日记 2025/6/1 0:11:24

【达梦数据库】两地三中心环境总结

目录架构监视器位置异步备库同步频率配置：dmtimer.ini断网测试异地切换过程&回切：允许丢数据模式切换回切架构 2（1主1实时备库）1（实时备库）1(异步备库)，分别为节点1、2、3、4监视器位置 …...

编程日记 2025/6/2 4:54:35

C语言进阶习题【1】指针和数组（4）——指针笔试题3

笔试题5：下面代码输出是是什么？ int main() {int a[5][5];int(*p)[4];p a;printf( "%p,%d\n", &p[4][2] - &a[4][2], &p[4][2] - &a[4][2]);return 0; }分析代码结果笔试题6：下面代码输出是是什么&#xff1…...

编程日记 2025/5/29 13:10:35

Qt——引用第三方SDK lib库的使用方法

【系列专栏】：博主结合工作实践输出的，解决实际问题的专栏，朋友们看过来！《项目案例分享》《极客DIY开源分享》《嵌入式通用开发实战》《C++语言开发基础总结》《从0到1学习嵌入式Linux开发》《QT开发实战》《Android开发实战》《实用硬件方案设计》《结构建模设…...

编程日记 2025/6/1 22:58:24

Grafana系列之Dashboard：新增仪表板、新增变量、过滤变量、变量查询、导入仪表板、变量联动、Grafana Alert

概述关于Prometheus和Grafana的安装，略过。写在前面 Dashboard：仪表板，可包含多个PanelPanel：面板，Dashboard中的组件如有写得不对的地方，烦请指出。新增仪表板点击右上角的选择New dashboard…...

编程日记 2025/6/3 2:24:10

管道符、重定向与环境变量

个人博客站—运维鹿: http://www.kervin24.top CSDN博客—做个超努力的小奚： https://blog.csdn.net/qq_52914969?typeblog 一、重定向将命令和文件结合标准输入重定向（STDIN，文件描述符为0）：默认从键盘输入&am…...

编程日记 2025/6/3 3:20:04

如何使用 Redis 作为高效缓存

如何使用 Redis 作为高效缓存 Redis（Remote Dictionary Server）是一个高性能的内存存储系统，通常被用作缓存来加速数据访问，提高应用的吞吐量和响应速度。本文详细讲解如何使用 Redis 作为高效缓存，包括基本原理、…...

编程日记 2025/5/30 3:20:02

simulink入门学习01

文章目录 1.基本学习方法2.图形环境--模块和参数3.激活菜单---添加到模型3.1输入选项3.2添加到模型3.3更改运算3.4验证要求 4.乘以特定值--Gain模块4.1引入gain模块4.2更改增益参数4.3接入系统4.4大胆尝试 1.基本学习方法今天突然想要学习这个simulink的相关知识，…...

编程日记 2025/6/2 3:06:39

接上篇基于Alertmanager 配置钉钉告警

Alertmanager 是一个用于处理和管理 Prometheus 警报的开源工具。它负责接收来自 Prometheus 服务器的警报，进行去重、分组、静默、抑制等操作，并通过电子邮件、PagerDuty、Slack 等多种渠道发送通知。主要功能去重：合并相同或相似的警报&a…...

编程日记 2025/5/31 23:42:27

【Elasticsearch】index.mapping.source.mode

在Elasticsearch中，当设置 index.mapping.source.mode 为 synthetic 时，Elasticsearch会自动生成和存储源文档的合成版本。这些合成版本的内容取决于你索引的字段和映射定义。具体来说，synthetic 模式会存储以下内容： ### 合成源文…...

编程日记 2025/6/1 20:59:12

GBase8c aes_encrypt和aes_decrypt函数

在数据库中，aes_encrypt和aes_decrypt函数进行加解密时使用的块加密模式。 GBase8c 与 MySQL 的aes_encrypt和aes_decrypt函数区别： 1、GBase8c 中的初始化向量init_vector不能为空 2、MySQL的加密模块block_encryption_mode 为aes-128-ecb，…...

编程日记 2025/6/1 8:22:20

【Unity】ScrollViewContent适配问题(Contentsizefilter不刷新、ContentSizeFilter失效问题)

最近做了一个项目，菜单栏读取数据后自动生成，结果用到了双重布局父物体尝试了很多方式，也看过很多大佬的文章，后来自己琢磨了一下，当子物体组件自动生成之后，使用以下以下代码效果会好一些： …...

编程日记 2025/6/1 10:34:06

第二届国赛铁三wp

第二届国赛缺东西去我blog找👇 第二届长城杯/铁三 | DDLS BLOG web Safe_Proxy 源码题目 from flask import Flask, request, render_template_stringimport socketimport threadingimport htmlapp Flask(__name__)app.route(/, methods"GET"])de…...

编程日记 2025/6/3 16:24:47

对称二叉树(力扣101)

这道题翻译过来就是判断根节点的左右子树是否可以通过翻转，变得完全一样。如果可以，则这棵二叉树为对称二叉树。那么什么样的左右子树可以通过翻转相互变换呢？它们的节点的数值一定对称分布。那么我们就需要同时遍历左右树，不断比…...

编程日记 2025/6/1 14:01:01

postgresql15的停止

PostgreSQL是一个功能非常强大的、源代码开放的客户/服务器关系型数据库管理系统，且因为许可证的灵活，任何人都可以以任何目的免费使用、修改和分发PostgreSQL。介绍过postgresql的启动方法，就很有必要介绍下postgresql的停止方法。一、停止…...

编程日记 2025/6/4 10:56:44

3.1 Go函数调用过程

在 Go 语言中，函数调用的核心机制依赖于内存的栈区分配和指针操作，理解这一原理有助于掌握函数的执行过程。 1. 内存结构概述在 Go 程序编译成可执行文件并启动后，操作系统会为其分配进程内存，进程内存主要分为以下区域&#x…...

编程日记 2025/6/3 4:59:32

Java导出通过Word模板导出docx文件并通过QQ邮箱发送

一、创建Word模板 {{company}}{{Date}}服务器运行情况报告一、服务器：总告警次数：{{ServerTotal}} 服务器IP:{{IPA}}，总共告警次数:{{ServerATotal}} 服务器IP:{{IPB}}，总共告警次数:{{ServerBTotal}} 服务器IP:{{IPC}}&#x…...

编程日记 2025/6/1 14:10:08

c++---------------------------模板进阶

1.非类型模板参数模板参数分类类型形参与非类型形参。类型形参即：出现在模板参数列表中，跟在 class 或者 typename 之类的参数类型名称。非类型形参，就是用一个常量作为类 ( 函数 ) 模板的一个参数，在类 ( 函数 ) 模板中可…...

编程日记 2025/6/3 4:59:23

FPGA与ASIC：深度解析与职业选择

IC（集成电路）行业涵盖广泛，涉及数字、模拟等不同研究方向，以及设计、制造、封测等不同产业环节。其中，FPGA（现场可编程门阵列）和ASIC（专用集成电路）是两种重要的芯片类型…...

编程日记 2025/6/2 7:46:26

c++面试题，请使用STL的std::remove_if算法删除std::vector＜int＞容器中大于5的数字

请使用STL的std::remove_if算法删除std::vector容器中大于5的数字在C 中， std::remove_if 算法并不会真正从容器中删除元素， 而是将满足条件的元素移动到容器末尾，并返回一个指向新的逻辑结束位置的迭代器。你需要使用容器的 erase 成员函…...

编程日记 2025/6/1 10:21:12

阿里云-银行核心系统转型之业务建模与技术建模

业务领域建模包括业务建模和技术建模，整体建模流程图如下： 业务建模包括业务流程建模和业务对象建模业务流程建模：通过对业务流程现状分析，结合目标核心系统建设能力要求，参考行业建模成果，形成结构化的…...

编程日记 2025/6/4 17:15:43

快速搭建深度学习环境（Linux：miniconda+pytorch+jupyter notebook）

本文基于服务器端环境展开，使用的虚拟终端为Xshell。 miniconda miniconda是Anaconda的轻量版，仅包含Conda和Python，如果只做深度学习，可使用miniconda。 [注]：Anaconda、Conda与Miniconda Conda：创建和管…...

编程日记 2025/5/30 1:40:06

智能风控数据分析 groupby、apply、reset_index组合拳

目录 groupby——分组本例 apply——对每个分组应用一个函数等价用法 reset_index——重置索引使用前编辑注意事项 groupby必须配合聚合函数、关于agglist 一些groupby试验 1. groupby对象之后。sum（一个列名） 2. groupby对象…...

编程日记 2025/6/2 6:08:42

Linux(Centos 7.6)命令详解：iconv

1.命令作用将给定文件的编码从一种编码转换为另一种编码(Convert encoding of given files from one encoding to another) 2.命令语法 Usage: iconv [OPTION...] [FILE...] 3.参数详解 OPTION: 输入/输出格式规范: -f, --from-codeNAME，原始文本编码-t, --t…...

编程日记 2025/6/3 10:36:11

MySQL实现批量表分区完全示例

对于单表大数据量大的问题，如果数据支持分片，使用表分区是个不错的选择，那么MySQL是如何实现表分区的？ 一、表分区条件 1.数据库存储引擎支持：InnoDB 和 MyISAM引擎 2.数据库版本支持：MySQL 5.1以后&…...

编程日记 2025/6/2 22:51:27

缓存商品、购物车(day07)

缓存菜品问题说明问题说明：用户端小程序展示的菜品数据都是通过查询数据库获得，如果用户端访问量比较大，数据库访问压力随之增大。结果： 系统响应慢、用户体验差实现思路通过Redis来缓存菜品数据，减少数据库查询…...

编程日记 2025/6/3 23:48:16

开发环境搭建-1：配置 WSL (类 centos 的 oracle linux 官方镜像)

一些 Linux 基本概念个人理解，并且为了便于理解，可能会存在一些问题，如果有根本上的错误希望大家及时指出发行版 WSL 的系统是基于特定发行版的特定版本的 Linux 发行版有固定组织维护的、开箱就能用的 Linux 发行版由固定的团队、社…...

编程日记 2025/6/2 0:48:44

QT 使用QSqlTableModel对数据库进行创建，插入，显示

文章目录效果图概述功能点代码分析初始数据插入数据数据显示总结效果图概述本案例用于对数据库中的数据进行显示等其他操作，其他表格筛选，过滤等功能可看此博客框架：数据模型使用QSqlTableModel，视图使用QTableView&#x…...

编程日记 2025/5/31 5:28:46

26、正则表达式

目录一. 匹配字符 .：匹配除换行符外的任意单个字符。二. 位置锚点 ^：匹配输入字符串的开始位置。 $：匹配输入字符串的结束位置。 \b：匹配单词边界。 \B：匹配非单词边界。三. 重复限定符 *：匹配…...

编程日记 2025/6/2 1:19:48

vue 数据双向绑定无效明明值修改了页面却没有变化

在 Vue.js 中，数据双向绑定通常通过 v-model 指令来实现。如果你修改了数据但页面没有更新，可能是因为以下几个原因之一： 1. 检查 data 函数确保你的数据属性是在 Vue 实例的 data 函数中声明的，并且是响应式的。例如&#xff…...

编程日记 2025/6/2 6:57:34

【深度学习】3.损失函数的作用

损失函数的作用假设把猫这张图片分成四个像素点，分别为：56、231、24、2（实际应该是三维的，因为还有颜色通道的维度，这里简化成二维）。像素点拿到以后，进行三分类，粉红色为第一组W…...

编程日记 2025/5/31 20:16:34

使用 Aryn DocPrep、DocParse 和 Elasticsearch 向量数据库实现高质量 RAG

作者：来自 Elastic Hemant Malik 及 Jonathan Fritz 组织依靠自然语言查询从非结构化数据中获取见解，但要获得高质量的答案，首先要进行有效的数据准备。Aryn DocParse 和 DocPrep通过将复杂文档转换为结构化 JSON 或 markdown 来简化此过程&a…...

编程日记 2025/6/3 0:07:14

Vue3初学之Element Plus Dialog对话框，Message组件,MessageBox组件

Dialog的使用： 控制弹窗的显示和隐藏 <template><div><el-button click"dialogVisible true">打开弹窗</el-button><el-dialogv-model"dialogVisible"title"提示"width"30%":before-close&qu…...

编程日记 2025/6/3 11:36:13