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

JavaScript学习笔记02

news 2026/2/10 23:21:54

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

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中文章目录注意事项逐步生成程序1. 确定格式2. 调试程序注意事项直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

超短脉冲激光自聚焦效应

前言与目录强激光引起自聚焦效应机理超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...

编程新知 2026/2/8 20:42:48

mongodb源码分析session执行handleRequest命令find过程

mongo/transport/service_state_machine.cpp已经分析startSession创建ASIOSession过程，并且验证connection是否超过限制ASIOSession和connection是循环接受客户端命令，把数据流转换成Message，状态转变流程是：State::Created 》 St…...

编程新知 2026/1/15 4:39:38