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

JavaScript学习笔记02

news 2026/2/7 10:49:15

JavaScript笔记02

数据类型详解

字符串

在 JavaScript 中正常的字符串都使用单引号' '或者双引号" "包裹：
例：

在这里插入图片描述

转义字符

在 JavaScript 字符串中也可用使用转义字符（参考：详解转义字符）：
例：

在这里插入图片描述

编写多行字符串

在 JavaScript 中可以使用 ` 符号（键盘Tab键上面、Esc键下面的键）将多行字符串包裹来编写多行字符串：
例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>"use strict";//编写多行字符串：使用 ` 符号(键盘Tab键上面、Esc键下面的键)将多行字符串包裹let msg =`hello
world
你好
世界`</script>
</head>
<body></body>
</html>

在浏览器控制台中输入console.log(msg)，打印上面编写的多行字符串：

在这里插入图片描述

模板字符串

JavaScript 还支持使用模板字符串（ES6新特性）：
例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>"use strict";//模板字符串let name = "张三"let msg = `你好呀，${name}`</script>
</head>
<body></body>
</html>

在浏览器控制台中输入console.log(msg)，打印字符串msg：

在这里插入图片描述

获取字符串的长度 & 指定下标位置的字符

我们可以通过使用字符串.length来获取字符串的长度，也可以通过使用字符串[下标]来获取字符串中指定下标位置的字符：
例：

在这里插入图片描述

可变性：不可变

需要注意的是，JavaScript 中的字符串是不可变的：
例：

在这里插入图片描述

大小写转换

注意：以下使用的是函数（方法），而不再是属性！
我们可以使用toUpperCase()方法将字符串中的小写字母转换为大写；也可以使用toLowerCase()方法将字符串中的大写字母转换为小写：
例：

在这里插入图片描述

获取指定字符在字符串中的下标

我们可以使用indexOf()方法获取指定字符在字符串中的下标：
例：

在这里插入图片描述

截取字符串

我们可以使用substring()方法截取指定下标区间内的字符串（左闭右开区间）：
例：

在这里插入图片描述

数组

在 JavaScript 中，数组可以包含任意类型的数据：
例：

在这里插入图片描述

长度

我们可以通过使用数组.length来获取数组的长度：
例：

在这里插入图片描述

注意：给数组的lentgh赋值，数组的大小就会发生变化；如果赋的值过小，元素就会丢失！
例：

在这里插入图片描述

获取指定元素在数组中的下标索引

我们可以使用indexOf()方法来获取指定元素在数组中的下标索引：
例：

在这里插入图片描述

注意，上述例子中的数字1和字符串"1"是不同的！

截取数组 - slice()

我们可以使用slice()方法来截取指定下标区间内的数组，返回一个新的数组，类似字符串中的substring()方法。
例：

在这里插入图片描述

从尾部添加与删除元素 - push() & pop()

push() - 向数组尾部添加元素（可以添加一个或多个），并返回添加后数组的长度。
pop() - 从数组的尾部删除一个元素（删且只删除一个），并返回被删除的元素。
例：

在这里插入图片描述

从头部添加与删除元素 - unshift() & shift()

unshift() - 向数组头部添加元素（可以添加一个或多个），并返回添加后数组的长度。
shift() - 从数组的头部删除一个元素（删且只删除一个），并返回被删除的元素。
例：

在这里插入图片描述

排序 - sort()

sort() - 对数组的项目进行排序，并返回排序后的数组。
排序顺序可以是按字母或数字，也可以是升序（向上）或降序（向下）。
默认情况下，sort() 方法将按字母和升序将值作为字符串进行排序。
例：

在这里插入图片描述

元素反转 - reverse()

reverse() - 反转数组中元素的顺序，并返回同一数组的引用。
例：

在这里插入图片描述

拼接数组 - concat()

concat() - 用于拼接两个或多个数组。
注意：concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连拼数组的值。
例：

在这里插入图片描述

分隔符 - join()

join - 将数组中的所有元素转换为一个字符串，并且这个字符串中的所有元素都通过指定的分隔符进行分隔。
例：

在这里插入图片描述

多维数组

JavaScript 中多维数组的定义方式以及多维数组中指定下标位置元素的获取方式如下：
例:

在这里插入图片描述

对象

补充：在 JavaScript 中，所有的键都是字符串，值是任意对象。
例如：在调用对象中的属性时，除了可以使用对象名.属性名，还可以使用属性名["属性值"]这种方式调用：

在这里插入图片描述

定义对象

在 JavaScript 中，对象是若干个属性的键值对（属性：属性值）的集合，多个属性之间用逗号隔开，最后一个属性后则不添加逗号：

let 对象名 = {属性名: 属性值,属性名: 属性值,属性名: 属性值
}

例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>// 定义一个person对象let person = {name: "张三",age: 18,gender: "男",score: 80}</script>
</head>
<body></body>
</html>

对象赋值

和 Java 一样，在 JavaScript 中给对象中的属性赋值也是直接使用等号=。
例：

在这里插入图片描述

使用不存在的属性

在 JavaScript 中即使我们使用了一个不存在的对象属性，也不会报错，而是会返回undefined。
例：

在这里插入图片描述

动态的删减属性

在 JavaScript 中，我们可以通过使用delete，实现动态的删除对象中的属性：
例：

在这里插入图片描述

动态的添加属性

在 JavaScript 中，我们还可以动态的添加属性，直接给新的属性添加值即可：
例：

在这里插入图片描述

判断属性是否在这个对象中

我们可以使用"属性名" in 对象名来判断属性是否在这个对象中：
例：

在这里插入图片描述

判断属性是否是这个对象自身拥有的 - hasOwnProperty()

我们可以使用对象名.hasOwnProperty("属性名")来判断属性是否是这个对象自身拥有的：
例：

在这里插入图片描述

JavaScript学习笔记02

JavaScript笔记02 数据类型详解字符串在 JavaScript 中正常的字符串都使用单引号或者双引号" "包裹：例： 转义字符在 JavaScript 字符串中也可用使用转义字符（参考：详解转义字符）：例&…...

编程日记 2023/9/9 23:53:15

短信过滤 APP 开发

本文字数：7033字预计阅读时间：42分钟一直想开发一个自己的短信过滤 APP，但是一直没有具体实施，现在终于静下心来，边开发边记录下整体的开发过程。 01 垃圾短信样本遇到的第一个问题是，既然要过滤垃圾短信…...

编程日记 2023/9/9 23:52:14

【计算机基础知识7】垃圾回收机制与内存泄漏

目录前言一、垃圾回收机制的工作原理 1. 标记-清除算法的基本原理 2. 垃圾回收器的类型及其工作方式 3. 垃圾回收的回收策略和触发机制三、内存泄漏的定义和原因 1. 内存泄漏的概念和影响 2. 常见的内存泄漏情况及其原因四、如何避免和处理内存泄漏 1. 使用合适…...

编程日记 2023/9/9 23:51:13

[学习笔记]CS224W

资料： 课程网址斯坦福CS224W图机器学习、图神经网络、知识图谱【同济子豪兄】斯坦福大学CS224W图机器学习公开课-同济子豪兄中文精讲图的基本表示图是描述各种关联现象的通用语言。与传统数据分析中的样本服从独立同分布假设不一样，图数据自带关联…...

编程日记 2023/9/9 23:50:11

华为云API对话机器人CBS的魅力—实现简单的对话操作

云服务、API、SDK，调试，查看，我都行阅读短文您可以学习到：人工智能AI智能的问答管理、全面的对话管理、高效训练部署 1.IntelliJ IDEA 之API插件介绍 API插件支持 VS Code IDE、IntelliJ IDEA等平台、以及华为云自研 CodeArts …...

编程日记 2023/9/9 23:49:10

精益制造、质量管控，盛虹百世慧共同启动MOM（制造运营管理）

百世慧科技依托在电池智能制造行业中的丰富经验，与盛虹动能达成合作，为其提供MOM制造运营管理平台，并以此为起点，全面提升盛虹动能的制造管理水平与运营体系。行业困境中国动力电池已然发展为全球最大的电池产业，但…...

编程日记 2023/9/9 23:48:09

【科研论文配图绘制】task7密度图绘制

【科研论文配图绘制】task7密度图绘制 task7 了解密度图的定义，清楚密度图是常用使用常见，掌握密度图绘制。 1.什么是密度图密度图（Density Plot）是一种用于可视化数据分布的图表类型。它通过在数据中创建平滑的概率密度曲线…...

编程日记 2023/9/9 23:47:07

Python3 集合

Python3 集合集合（set）是一个无序的不重复元素序列。可以使用大括号 { } 或者 set() 函数创建集合，注意：创建一个空集合必须用 set() 而不是 { }，因为 { } 是用来创建一个空字典。创建格式： parame …...

编程日记 2023/9/9 23:46:07

【山河送书第十期】：《Python 自动化办公应用大全》参与活动，送书两本！！

【山河送书第十期】：《Python 自动化办公应用大全》参与活动，送书两本！！ 前言一书籍亮点二作者简介三内容简介四购买链接五参与方式六往期赠书回顾前言在过去的 5 年里，Python 已经 3 次获得 TIOBE 指数年度大奖&am…...

编程日记 2023/9/9 23:45:05

Java多线程——同步

同步是什么？ 当两个线程同时对一个变量进行修改时，不同的访问顺序会造成不一样的结果，这时候就需要同步保证结果的唯一性。未同步时新建Bank类，transfer()用于在两个账户之间转账金额 class Bank {private double[] account…...

编程日记 2023/9/9 23:44:04

一.邮箱配置这里以QQ邮箱为例,网易邮箱类似. 设置->账号二.后端服务搭建 index.js const express require(express) const router require(./router); const app express()// 使用路由文件 app.use(/,router);app.listen(3000, () > {console.log(server…...

编程日记 2023/9/9 23:43:03

Go语言网络编程（socket编程）TCP粘包

1、TCP粘包服务端代码如下： // socket_stick/server/main.gofunc process(conn net.Conn) {defer conn.Close()reader : bufio.NewReader(conn)var buf [1024]bytefor {n, err : reader.Read(buf[:])if err io.EOF {break}if err ! nil {fmt.Println("read…...

编程日记 2023/9/9 23:42:00

【再识C进阶2(中)】详细介绍指针的进阶——函数指针数组、回调函数、qsort函数

前言 💓作者简介： 加油，旭杏，目前大二，正在学习C，数据结构等👀 💓作者主页：加油，旭杏的主页👀 ⏩本文收录在：再识C进阶的专栏&#x1…...

编程日记 2023/9/9 23:40:59

PaddleOCR学习笔记3-通用识别服务

今天优化了下之前的初步识别服务的python代码和html代码。采用flask paddleocr bootstrap快速搭建OCR识别服务。代码结构如下： 模板页面代码文件如下： upload.html : <!DOCTYPE html> <html> <meta charset"utf-8"> …...

编程日记 2023/9/9 23:39:58

9.8 校招实习内推面经

绿泡*泡： neituijunsir 交流裙 ，内推/实习/校招汇总表格 1、校招 | 长安福特2024校园招聘正式启动校招 | 长安福特2024校园招聘正式启动 2、2023校招总结--SLAM岗位 - 5 2023校招总结--SLAM岗位 - 5 3、校招&实习 | 格灵深瞳2024秋季校园招聘启…...

编程日记 2023/9/9 23:38:57

web前段与后端的区别优漫动游

要了解web前后端的区别，首先必须得清楚什么是web前端和web后端。 web前段与后端的区别首先：web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hyp…...

编程日记 2023/9/9 23:37:56

局域网ntp服务器设置（windows时间同步服务器NetTime）（ubuntu systemd-timesyncd ntp客户端）123端口、ntp校时

文章目录背景windows如何配置ntp服务器手动配置配置参数AnnounceFlags和Enabled含义使用软件配置（NetTime）实操相关疑问：0.nettime.pool.ntp.org是什么？ 注意事项请务必检查windows主机123端口是否已被占用，方法请参…...

编程日记 2023/9/9 23:36:54

【个人博客系统网站】我的博客列表页 · 增删改我的博文 · 退出登录 · 博客详情页 · 多线程应用

【JavaEE】进阶个人博客系统（4） 文章目录【JavaEE】进阶个人博客系统（4）1. 增加博文1.1 预期效果1.1 约定前后端交互接口1.2 后端代码1.3 前端代码1.4 测试 2. 我的博客列表页2.1 期待效果2.2 显示用户信息以及博客信息2.2.1…...

编程日记 2023/9/9 23:35:53

安全狗陈奋：数据安全需要建立在传统网络安全基础之上

8月22日-23日，由创业邦主办的“2023 DEMO WORLD 企业开放式创新大会”在上海顺利举行。作为国内云原生安全领导厂商，安全狗受邀出席此次活动。本次大会以“拥抱开放”为主题，聚焦开放式创新，通过演讲分享、专场对接、需求发布…...

编程日记 2023/9/9 23:34:52

【Redis】深入探索 Redis 的数据类型 —— 哈希表 hash

文章目录前言一、hash 类型相关命令1.1 HSET 和 HSETNX1.2 HGET 和 HMGET1.3 HKEYS、HVALS 和 HGETALL1.4 HEXISTS 和 HDEL1.5 HLEN1.6 HINCRBY 和 HINCRBYFLOAT1.7 哈希相关命令总结二、hash 类型内部编码三、hash 类型的应用场景四、原生，序列化，哈希…...

编程日记 2023/9/9 23:33:51

基于FPGA的PID算法学习———实现PID比例控制算法

基于FPGA的PID算法学习前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形总结前言学习内容：参考网站： PID算法控制 PID即：Proportional（比例）、Integral（积分&…...

编程新知 2026/2/6 17:50:11

Appium+python自动化（十六）- ADB命令

简介 Android 调试桥(adb)是多种用途的工具，该工具可以帮助你你管理设备或模拟器的状态。 adb ( Android Debug Bridge)是一个通用命令行工具，其允许您与模拟器实例或连接的 Android 设备进行通信。它可为各种设备操作提供便利，如安装和调试…...

编程新知 2026/1/21 18:20:51

黑马Mybatis

Mybatis 表现层：页面展示业务层：逻辑处理持久层：持久数据化保存在这里插入图片描述 Mybatis快速入门 ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/6501c2109c4442118ceb6014725e48e4.png //logback.xml <?xml ver…...

编程新知 2026/1/22 14:22:27

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

编程新知 2026/1/21 19:11:31

postgresql|数据库|只读用户的创建和删除（备忘）

CREATE USER read_only WITH PASSWORD 密码 -- 连接到xxx数据库 \c xxx -- 授予对xxx数据库的只读权限 GRANT CONNECT ON DATABASE xxx TO read_only; GRANT USAGE ON SCHEMA public TO read_only; GRANT SELECT ON ALL TABLES IN SCHEMA public TO read_only; GRANT EXECUTE O…...

编程新知 2025/9/18 19:34:22

页面渲染流程与性能优化

页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...

编程新知 2026/1/31 11:58:35

sqlserver 根据指定字符解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

编程新知 2025/10/29 4:33:03

Java多线程实现之Thread类深度解析

Java多线程实现之Thread类深度解析一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程四、Thread类的核心…...

编程新知 2025/8/28 21:52:02

C# 求圆面积的程序（Program to find area of a circle）

给定半径r，求圆的面积。圆的面积应精确到小数点后5位。例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。输…...

编程新知 2026/1/21 14:21:52

Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）

在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件本期内容是为了更好的为大家解释木马（服务器方面的）的原理，连接，以及各种木马及连接工具的分享文件木马：https://w…...

编程新知 2026/1/25 10:13:29

JavaScript笔记02

数据类型详解

字符串

转义字符

编写多行字符串

模板字符串

获取字符串的长度 & 指定下标位置的字符

可变性：不可变

大小写转换

获取指定字符在字符串中的下标

截取字符串

数组

长度

获取指定元素在数组中的下标索引

截取数组 - slice()

从尾部添加与删除元素 - push() & pop()

从头部添加与删除元素 - unshift() & shift()

排序 - sort()

元素反转 - reverse()

拼接数组 - concat()

分隔符 - join()

多维数组

对象

定义对象

对象赋值

使用不存在的属性

动态的删减属性

动态的添加属性

判断属性是否在这个对象中

判断属性是否是这个对象自身拥有的 - hasOwnProperty()

相关文章：