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

【2024】前端学习笔记14-JavaScript常用数据类型-变量常量

news 2026/5/19 6:39:51

学习笔记

  • 1.JavaScript常用数据类型
    • 1.1.Number（数字）
    • 1.2.String（字符串）
    • 1.3.Boolean（布尔值）
    • 1.4.Null（空值）
    • 1.5.Undefined（未定义）
    • 1.6.Object（对象）
    • 1.7.Array（数组）
  • 2.变量和常量

1.JavaScript常用数据类型

1.1.Number（数字）

number类型包括整数和浮点数，例如42（整数）和3.14（浮点数）。

let num1 = 20
let num2 = 2.54

JavaScript 中的数字是基于 IEEE 754 标准的双精度 64 位二进制格式。

可以进行各种算术运算，如加减乘除等。

包括一些特殊数值：Infinity（表示无穷大）和-Infinity（表示负无穷大），当一个数字超出了 JavaScript 所能表示的范围时就会出现这种情况，例如，1 / 0会得到Infinity。

NaN（Not a Number）用于表示非数字值，如0 / 0的结果是NaN。

1.2.String（字符串）

由零个或多个字符组成，字符可以是字母、数字、符号等。

字符串需要用引号（单引号’或双引号"）包裹。例如’Hello, World!'或"JavaScript"。

在JavaScript中，单引号和双引号都是可以的。

let str1 = 'Hello';
let str2 = "JavaScript";

1.3.Boolean（布尔值）

只有两个值：true和false，用于表示逻辑上的真和假。

布尔值通常用于条件判断和循环控制。

1.4.Null（空值）

只有一个值null，用于表示一个空的或不存在的引用。

通常用于初始化一个变量，表示该变量目前没有指向任何对象。

let myVariable = null;

1.5.Undefined（未定义）

当一个变量被声明但没有被赋值时，它的值是undefined。

let variable;
console.log(variable); // 输出 undefined

这里variable被声明了，但是没有被赋值，所以它的值是undefined。
需要注意的是，const声明的变量如果没有初始化，会直接报错，因为const声明的变量必须在声明时赋值。

1.6.Object（对象）

对象是一种复杂的数据类型，它可以包含多个属性和方法。

属性是键 - 值对，其中键是字符串，值可以是任何数据类型。

<body><script>let person = {name: 'John',age: 30,sayHello: function() {console.log('hello,my friend');}};console.log(person.name);console.log(person.age);// 获取元素也可以使用[]方法console.log(person["age"]);person.sayHello();</script>
</body>

展示效果：可以在网页按F12的控制台中查看输出

在这里插入图片描述

1.7.Array（数组）

数组是一种特殊的对象，用于存储多个有序的数据。

数组中的每个元素可以是任何数据类型，并且可以通过索引来访问。

let colors = ['blue', 'green', 'red'];

添加元素：

push () 方法：在数组的末尾添加一个或多个元素，并返回新的数组长度。

let newColors = colors.push('yellow');

unshift () 方法：在数组的开头添加一个或多个元素，并将原来的元素向后移动，并返回新的数组长度。

let newColors2 = colors.push('black');

示例：

<body><script>let colors = ['blue', 'green', 'red'];let newColors = colors.push('yellow');let newColors2 = colors.unshift('black');console.log(colors);console.log(newColors);console.log(newColors2);</script>
</body>

添加的元素是向原数组添加，所以colors是返回添加后的元素

展示效果：

在这里插入图片描述

删除元素：

pop () 方法：删除数组的最后一个元素，并返回被删除的元素。

变量名.pop()

shift () 方法：删除数组的第一个元素，并返回被删除的元素。

变量名.shift()

修改元素：

可以直接通过索引来修改数组中的元素。

let scores = [80, 90, 70];
// 注意元素从0开始，第一个元素是0
scores[1] = 95;
console.log(scores); // 输出[80, 95, 70]

查找元素：

indexOf () 方法：返回指定元素在数组中第一次出现的索引，如果不存在则返回 - 1。

let names = ['Alice', 'Bob', 'Charlie', 'Bob'];
let index = names.indexOf('Bob');
console.log(index); // 输出1

lastIndexOf () 方法：返回指定元素在数组中最后一次出现的索引，如果不存在则返回 - 1。

let index2 = names.lastIndexOf('Bob');
console.log(index2); // 输出3

2.变量和常量

var：

var是 JavaScript 中最早用于定义变量的关键字。例如：var x = 10;。

使用var定义的变量会存在变量提升的现象。这意味着变量的声明会被提升到当前作用域的顶部。

let：

let也用于定义变量，它的基本语法和var类似，例如：let z = 30;。

与var不同，let定义的变量不存在变量提升。

const：

const用于定义常量。一旦使用const定义了一个变量并赋值，就不能再重新赋值。例如：const PI = 3.14159;

注意：JavaScript中定义变量或常量不用指定类型。

相关文章：

【2024】前端学习笔记14-JavaScript常用数据类型-变量常量

学习笔记 1.JavaScript常用数据类型1.1.Number&#xff08;数字&#xff09;1.2.String&#xff08;字符串&#xff09;1.3.Boolean&#xff08;布尔值&#xff09;1.4.Null&#xff08;空值&#xff09;1.5.Undefined&#xff08;未定义&#xff09;1.6.Object&#xff08;对象…...

编程日记 2024/10/10 12:08:15

Leecode热题100-48.旋转图像

给定一个 n n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。 你必须在 原地 旋转图像&#xff0c;这意味着你需要直接修改输入的二维矩阵。请不要 使用另一个矩阵来旋转图像。 示例 1&#xff1a; 输入&#xff1a;matrix [[1,2,3],[4,5,6],[7,8,9]] 输出…...

编程日记 2024/10/10 12:07:13

重学SpringBoot3-集成Redis（二）之注解驱动

更多SpringBoot3内容请关注我的专栏&#xff1a;《SpringBoot3》 期待您的点赞&#x1f44d;收藏⭐评论✍ 重学SpringBoot3-集成Redis&#xff08;二&#xff09;之注解驱动 1. 为什么选择 Redis 作为缓存&#xff1f;2. 如何在 Spring Boot 中启用 Redis 缓存&#xff1f;2.1 …...

编程日记 2024/10/10 12:06:12

【React】入门Day04 —— 项目搭建及登录与表单校验、token 管理、路由鉴权实现

项目搭建 创建项目 # 使用npx创建项目 npx create-react-app my-react-app # 进入项目目录 cd my-react-app # 创建项目目录结构 mkdir -p src/{apis,assets,components,pages,store,utils} touch src/{App.js,index.css,index.js} 使用npx create-react-app创建项目&#xff0…...

编程日记 2024/10/10 12:05:11

CMake 属性之目录属性

【写在前面】 CMake 的目录属性是指在特定目录&#xff08;及其子目录&#xff09;范围内有效的设置。 这些属性不同于全局变量或目标&#xff08;Target&#xff09;属性&#xff0c;它们提供了一种机制&#xff0c;允许开发者为项目中的不同部分定义不同的构建行为。 通过目录…...

编程日记 2024/10/10 12:03:08

ChatGPT：引领人工智能新潮流！

一、ChatGPT 是什么&#xff1f; 1. ChatGPT 的强大功能和广泛应用。 ChatGPT 作为一款先进的 AI 语言模型&#xff0c;拥有众多强大功能。它可以进行文本生成、文本分类、情感分析、机器翻译等多种自然语言处理任务。同时&#xff0c;ChatGPT 还能进行对话式交互&#xff0c;…...

编程日记 2024/10/10 11:59:00

【银河麒麟高级服务器操作系统】安全配置基线相关分析全过程及解决方案

了解更多银河麒麟操作系统全新产品&#xff0c;请点击访问 麒麟软件产品专区&#xff1a;https://product.kylinos.cn 开发者专区&#xff1a;https://developer.kylinos.cn 文档中心&#xff1a;https://documentkylinos.cn 服务器环境以及配置 【机型】物理机或虚机 【…...

编程日记 2024/10/10 11:57:59

用Python实现图片转ASCII艺术：图像处理与字符艺术的完美结合

解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界 ASCII艺术是一种通过字符来表现图像的艺术形式，最早用于早期计算机显示器，它仅支持字符显示。如今，尽管图像分辨率和显示技术得到了极大的提升，ASCII艺术作为一种复古而别具一格的图像表现形式，仍然受到许多…...

编程日记 2024/10/10 11:52:51

大数据-162 Apache Kylin 全量增量Cube的构建 Segment 超详细记录 多图

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; 目前已经更新到了&#xff1a; Hadoop&#xff08;已更完&#xff09;HDFS&#xff08;已更完&#xff09;MapReduce&#xff08;已更完&am…...

编程日记 2024/10/10 11:51:50

Redis-缓存过期淘汰策略

缓存淘汰策略 生产上redis内存设置为多少 设置为最大内存的 3/4 redis 会占用物理机多少内存 默认大小是 0&#xff0c;64 位系统下表示不限制内存大小&#xff0c;32位系统表示 3G 如何设置修改redis内存大小 config get maxmemory 查看修改方式 配置文件 单位是字节 2.…...

编程日记 2024/10/10 11:50:49

如何设置LED电子显示屏的屏幕参数？

LED电子显示屏因其高亮度、低能耗和长寿命等优点&#xff0c;在广告、信息显示等领域得到了广泛应用。正确设置屏幕参数对于确保显示屏的最佳性能至关重要。以下是LED电子显示屏设置屏幕参数的步骤&#xff1a; 1. 确定屏幕参数 在开始设置之前&#xff0c;需要了解显示屏的基本…...

编程日记 2024/10/10 11:47:45

Spring Boot Starter Parent介绍

引言 spring-boot-starter-parent 是一个特殊的项目&#xff0c;为基于 Spring Boot 的应用程序提供默认配置和默认依赖。 在本 Spring Boot 教程中&#xff0c;我们将深入了解所有 Spring Boot 项目内部使用的 spring-boot-starter-parent 依赖项。我们将探讨此依赖项所提供…...

编程日记 2024/10/10 11:46:44

【含开题报告+文档+PPT+源码】基于SpringBoot乡村助农益农平台的设计与实现

开题报告 近年来&#xff0c;随着社会经济的快速发展和人民生活水平的提高&#xff0c;人们对优质农产品的需求越来越高。然而&#xff0c;传统的农产品销售管理模式存在一些问题。首先&#xff0c;农产品供应链信息不透明&#xff0c;导致生产者难以了解市场需求和价格变动趋…...

编程日记 2024/10/10 11:44:42

数据中心运维挑战：性能监控的困境与智能化解决方案的探寻

随着数字化进程的加速&#xff0c;数据中心已成为企业信息架构的核心支撑&#xff0c;其运维管理的复杂度和重要性也随之提升。运维团队需应对设备老化、资源分配失衡、性能波动等多重难题&#xff0c;以确保数据中心持续高效运行。 其中&#xff0c;性能监控作为运维管理的关键…...

编程日记 2024/10/10 11:42:39

基于SSM的民宿管理系统【附源码】

基于SSM的民宿管理系统&#xff08;源码L文说明文档&#xff09; 目录 4 系统设计 4.1 系统概要设计 4.2 系统功能结构设计 4.3 数据库设计 4.3.1 数据库E-R图设计 4.3.2 数据库表结构设计 5 系统实现 5.1用户信息管理 5.2 房东信息管理…...

编程日记 2024/10/10 11:41:38

显卡 3090 vs v100

1.3090 Date: 2020 AmperePielines/ Cuda cores: 10496 2.V100 Date: 2018 VoltaPielines/ Cuda cores: 5129 3.结构 & Core比较: v100优点: v100功耗小v100较快的双精度(fp64)和混合精度(fp16fp32)pcie版的NVLink与2080ti完全一致 v100缺点: 不支持整数格式计算&…...

编程日记 2024/10/10 11:40:37

怎么在单片机裸机程序中移植EasyLogger？

1、介绍 EasyLogger 是一款超轻量级、高性能的C日志库&#xff0c;非常适合对资源敏感的软件项目。例如&#xff1a;IoT产品、可穿戴设备、智能家居等等。相比log4c、zlog这些知名的C日志库&#xff0c;EasyLogger的功能更加简单&#xff0c;提供给用户的接口更少&#xff0c;但…...

编程日记 2024/10/10 11:38:34

C/C++解析文件名和目录路径

文章目录 主要函数使用注意事项示例程序总结 #include <libgen.h> 是一个 C/C 语言的头文件&#xff0c;主要用于字符串处理&#xff0c;特别是在处理文件路径时。它提供了一些函数来帮助你解析文件名和目录路径。 主要函数 以下是 libgen.h 中一些常见的函数&#xff…...

编程日记 2024/10/10 11:33:29

Git 基本命令行操作

Git是一个开源的分布式版本控制系统&#xff0c;用于管理源代码和文档的版本。以下是Git的基本命令行操作&#xff1a; 一、配置 安装完成后&#xff0c;需要配置Git的用户名和邮箱&#xff0c;以便在提交记录时记录操作者的信息。 配置全局用户名&#xff1a;git config --g…...

编程日记 2024/10/10 11:32:28

【Rust练习】17.泛型

练习题来自&#xff1a;https://practice-zh.course.rs/generics-traits/generics.html 函数 1 // 填空 struct A; // 具体的类型 A. struct S(A); // 具体的类型 S. struct SGen<T>(T); // 泛型 SGen.fn reg_fn(_s: S) {}fn gen_spec_t(_s: SGen<A&…...

编程日记 2024/10/10 11:31:27

从“上管掉电”到稳定驱动：手把手教你计算EG2104自举电容的容值与选型（附PWM占空比影响分析）

从“上管掉电”到稳定驱动&#xff1a;手把手教你计算EG2104自举电容的容值与选型&#xff08;附PWM占空比影响分析&#xff09; 在高压半桥驱动电路设计中&#xff0c;自举电容的选型往往成为工程师最易忽视却最关键的环节。EG2104作为一款经典的高低压侧驱动芯片&#xff0c;…...

编程新知 2026/5/19 5:55:50

TPS5430玩点不一样的：15V输入如何生成一个干净的-12V电源？电路设计与极性电容防炸指南

TPS5430负压生成实战&#xff1a;从15V到-12V的电路设计精要 在模拟电路设计中&#xff0c;双电源供电系统&#xff08;如12V&#xff09;是音频设备、运算放大器和高精度ADC的常见需求。然而&#xff0c;当系统仅提供单路正电压输入时&#xff0c;如何高效生成稳定的负电压轨成…...

编程新知 2026/5/19 5:55:44

远程控制软件哪个好 远程控制软件推荐用无界趣连2.0

不管是想用手机串流玩端游&#xff0c;还是朋友、家人遇到设备难题需要免费远程协助&#xff0c;一款好用的远程控制软件都能帮上大忙。想找到一款靠谱的远程控制软件并不容易&#xff0c;推荐无界趣连2.0&#xff0c;不管是游戏娱乐还是应急协助&#xff0c;都能轻松满足需求&…...

编程新知 2026/5/19 5:08:55

【亲测免费】 电机速度闭环控制（代码详细注释）

电机速度闭环控制&#xff08;代码详细注释&#xff09; 【下载地址】电机速度闭环控制代码详细注释 本仓库提供了电机速度闭环控制的实践教程&#xff0c;特别适合对电机控制、尤其是PID控制算法感兴趣的学习者。PID控制是一种广泛应用于工程领域的闭环控制策略&#xff0c;能…...

编程新知 2026/5/19 5:04:51

企业邮箱代理：谷歌企业邮箱安全防护架构与合规应用解析

前言谷歌企业邮箱凭借全球通用 IP 信誉、海外节点覆盖广等优势&#xff0c;成为外贸企业对接欧美、东南亚海外客户的首选办公邮箱。但国内企业直接使用&#xff0c;容易出现登录卡顿、邮件发送延迟、大批量开发信被限制等问题&#xff0c;做好针对性优化&#xff0c;才能最大化…...

编程新知 2026/5/19 4:14:45

从沙子到车辙（1.5）：从图灵机到 ECU

1.5 从图灵机到 ECU 一座恶魔般的机房 1945 年&#xff0c;费城&#xff0c;宾夕法尼亚大学摩尔工程学院。 一座 30 吨重的巨兽蹲在一间约 167 平方米的机房里。它的名字叫 ENIAC&#xff08;Electronic Numerical Integrator and Computer&#xff09;——世界上第一台通用…...

编程新知 2026/5/19 3:27:47

Rime中州韵小狼毫 配置文档层级与补丁机制全解析 新手避坑指南

1. Rime配置体系的双层结构揭秘 第一次打开Rime的配置文件时&#xff0c;很多人会被各种yaml文件搞得晕头转向。我刚开始用中州韵小狼毫时&#xff0c;就曾经把用户配置直接改到程序文件夹里&#xff0c;结果更新输入法后所有修改都被覆盖了。其实理解Rime的配置结构&#xff0…...

编程新知 2026/5/19 3:19:32

ARM内存拷贝指令CPYFPT/CPYFMT/CPYFET详解与优化

1. ARM内存拷贝指令概述在现代计算机体系结构中&#xff0c;内存拷贝是最基础也是最频繁的操作之一。传统的内存拷贝通常通过软件循环实现&#xff0c;这种方式简单但效率不高。ARM架构从v8.7-A开始引入了一组专门的内存拷贝指令——CPYFPT、CPYFMT和CPYFET&#xff0c;它们构成…...

编程新知 2026/5/19 3:15:26

阿里2026最新Spring全家桶学习笔记全网首次公开！

最近小伙伴在我后台留言是这样的&#xff1a; 现在就这光景&#xff0c;不比以前&#xff0c;会个CRUD就有人要&#xff0c;即使大部分公司依然只需要做CRUD的事情......现在去面试&#xff0c;只会CRUD还要被吐槽&#xff1a; 面试造火箭&#xff0c;工作拧螺丝&#xff0c;就…...

编程新知 2026/5/19 2:43:11

【绝密级】航天科研院所NotebookLM部署红线清单：绕过敏感数据泄露风险的6层沙箱隔离架构（附工信部备案编号参考）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM航天科学研究 NotebookLM 是 Google 推出的基于 AI 的研究协作者工具&#xff0c;其核心能力在于对用户上传的私有文档进行深度语义理解与上下文关联推理。在航天科学研究场景中&#xff0c;…...

编程新知 2026/5/19 0:18:02