Javascript 基本引用类型

news2024/9/22 3:40:29

思维导图

基本引用类型思维导图
Javascript基本引用类型思维导图

1:date的简单使用

let date = new Date() // 获取当前的时间 年月日时分秒

获取时间

  • getTime() // 返回日期的毫秒表示;与 valueOf()相同

  • getFullYear() // 返回 4 位数(即 2019 而不是 19)

  • getMonth() // 返回日期的(0 表示 1 月,11 表示 12 月)

  • getDate() // 返回日期中的(1~31)

  • getDay() // 返回日期中表示周几的数值(0 表示周日,6 表示周六)

  • getHours() // 返回日期中的(0~23)

查询年月日时分秒、毫秒、周几(周)

设置年,月,日

  • setTime(milliseconds) // 设置日期的毫秒表示,从而修改整个日期

  • setFullYear(year) // 设置日期的(year 必须是 4 位数)

  • setMonth(month) // 设置日期的(month 为大于 0 的数值,大于 11 加年)

  • setDate(date) // 设置日期中的(如果 date 大于该月天数,则加月)

  • setHours(hours) // 设置日期中的(如果 hours 大于 23,则加日)

设置年月日时分秒、毫秒

案例一:设置年

let date = new Date() date.setFullYear(2019) 
console.log(date) // Thu Aug 08 2019 15:48:10 GMT+0800 (China Standard Time)

案例二:获取年份和天数

let date1 = new Date(2019,1,1).getFullYear() 
console.log(date1) // 返回四位数年

let date4 = new Date(2019,6,8).getDate() 
console.log(date4) // 8 返回日期中的日(1~31)

2:正则表达式

语法:let expression = pattern/flags

pattern:可以是任何简单或复杂的正则表达式,包括字符类、限定符、 分组、向前查找和反向引用

flags:标记,每个正则表达式可以带零个或多个 flags(标记),用于控制正则表达式 的行为

标记内容:

  • g:全局模式,表示查找字符串的全部内容,而不是找到第一个匹配的内容就结束。

  • i:不区分大小写,表示在查找匹配时忽略 pattern 和字符串的大小写。

  • m:多行模式,表示查找到一行文本末尾时会继续查找。

  • y:粘附模式,表示只查找从 lastIndex 开始及之后的字符串。

  • u:Unicode 模式,启用 Unicode 匹配。

  • s:dotAll 模式,表示元字符.匹配任何字符(包括\n 或\r)。

案例:普通

let pattern1 = /at/g; // 匹配字符串中的所有"at"

let pattern2 = /[bc]at/i; // 匹配第一个"bat"或"cat",忽略大小写

元字符在正则表达式中需要转义:包括:( [ { \ ^ $ | ) ] } ? * + .

案例:转义

let pattern2 = /[bc]at/i; // 匹配第一个"[bc]at",忽略大小写

let pattern4 = /.at/gi; // 匹配所有".at",忽略大小写
方法:

exec() 返回一个数组,包含匹配的内容,位置,匹配对应的内容等 text() 返回一个boolean值,true和false,常用来作验证

知识点:

例如:

let text = "000-00-0000";
let pattern = /\d{3}-\d{2}-\d{4}/;
if (pattern.test(text)) {
  console.log("The pattern was matched.");
}

返回字面量表达式


let pattern = new RegExp("\\[bc\\]at","gi")  // 这个使用了转义字符
console.log(pattern) // /\[bc\]at/gi 

RegExp自有属性

let text = "同志们加油啊,努力干,挣大钱。";
let pattern = /(.)努力干/g;
console.log(RegExp.input)  // #toolbar-search-input
if(pattern.test(text)){
    console.log(RegExp.input)  // 同志们加油啊,努力干,挣大钱。
    console.log(RegExp.leftContext)  // 同志们加油啊
    console.log(RegExp.rightContext)  //  ,挣大钱。
    console.log(RegExp.lastMatch)  // ,努力干
    console.log(RegExp.lastParen)  // ,
}

RegExp 构造函数的所有属性都没有任何 We b 标准出处,因此不要在生产环境中使 用它们。

3:原始值包装类型

为了方便操作原始值,ECMAScript 提供了 3 种特殊的引用类型:Boolean、Number 和 String

typeof 操作符对原始值返回"boolean",对引用值返回object let number1 = false // 原始值

let Object1 = new Boolean(false) // object

理解原始布尔值和 Boolean 对象之间的区别非常重要,强烈建议永远不要使用后者

4:isInteger()方法与安全整数

ES6 新增了 Number.isInteger()方法,用于辨别一个数值是否保存为整数。有时候,小数位的 0 可能会让人误以为数值是一个浮点值:

console.log(Number.isInteger(10));    // true
console.log(Number.isInteger(10.00)); // true
console.log(Number.isInteger(10.01)); // false

5:string方法

5.1 不常用:

  • charAt() // 根据下标查找元素

  • charCodeAt() // 根据下标查找元素对应的码元字符编码

  • chartPointAt() // 根据下标查找对应的码点

  • formCharCode() 和 formCodePoint() 对应的关系,查找字符串

5.2 常用 操作方法:

concat() 拼接 建议使用“+”来代替

截取字符串

  • slice() 接受两个参数,第一个参数表示开始截取的下标,第二个参数表示截取字符串结束的位置,传入的参数为负数有所不同

  • substring() 接受两个参数,第一个参数表示开始截取的下标,第二个参数表示截取字符串结束的位置,传入的参数为负数有所不同

  • substr() 接受两个参数,第一个参数表示开始截取的下标,第二个参数表示返回的子字符串的数量,传入的参数为负数有所不同

5.3 获取下标

根据传入的字符串获取下标

  • indexOf() 从开头往后查找传入的元素下标

  • lastIndexOf() 从尾部往前查找元素的下标

5.4 查找元素是否存在,返回boolean

startsWith() 从下标0开始查找,第二个参数表示开始搜索的位置

endsWith() 从尾部开始查找

includes 第二个参数表示开始搜索的位置

5.5 去除字符串前后空格,返回字符串的副本,原字符串不受影响

trim() 去除字符串前后空格

trimLeft() 去除字符串起始位置的空格

trimRighe() 去除字符串尾部的空格

5.6 复制字符串

repeat()

  • 参数:接收一个整数,表示复制多少次

padStarts()

  • 参数1:表示复制的长度,不足以空格填充,长度小于等于元字符串长度,返回原字符串
  • 参数2(可选):填充的内容

padEnd()

  • 参数1:表示复制的长度,不足以空格填充,长度小于等于元字符串长度,返回原字符串
  • 参数2(可选):填充的内容

5.7 迭代与解构

iterator next() 字符串支持迭代,就可以在日常使用中使用解构方式,把字符串转为数组

5.8 search 查找元素位置,没有返回-1,有返回下标

这参数1:支持正则表达式

5.9 替换

replace()

参数1:需要替换的元素,如果是字符串,则只替换第一个查找到的;正则表达式的话,符合的就替换;

参数2:准备新的元素

6:Math

ECMASript提供了Math对象作为保存数学公式、信息和计算的地方,Math提供了一些辅助计算属性和方法;

获取数组中的最大值和最小值,使用解构方式

// 最大值
let arr = [2,4,6,26,8,9,1]
console.log(Math.max(...arr))  // 26
​
// 最小值
let arr = [2,4,6,26,8,9,1]
console.log(Math.min(...arr)) // 1

Math.random()生成随机数

0~数据长度,根据传入的值,获取下标,随机获取内容

let arr = ["red", "green", "blue", "yellow", "black", "purple", "brown"];
function selectFrom(lowerValue,upperValue){
    let value = upperValue - lowerValue+1
    return Math.floor(Math.random() * value + lowerValue)
} 
let number = arr[selectFrom(0,arr.length - 1)] 
console.log(number)

在学习《JavaScript高级程序设计(第4版)》时的简单笔记。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2037089.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SD-WAN企业组网:与传统组网有何不同?

很多企业已经尝试过使用SD-WAN来进行组网。SD-WAN代表着一种新兴的网络连接技术,与传统的网络架构相比,它在许多方面都有明显的不同。 SD-WAN基于软件定义网络(SDN)的概念,提供集中化的网络控制和智能优化,…

软考:软件设计师 — 13.数据结构

十三. 数据结构 数据结构部分也可参考文章:Java数据结构知识点 — 5种常见数据结构 1. 线性结构 (1)线性表 顺序表 线性表的顺序存储是指用一组地址连续的存储单元依次存储线性表中的数据元素,从而使得逻辑上相邻的两个元素…

仿RabbiteMq简易消息队列基础篇(future操作实现异步线程池)

TOC 介绍 std::future 是C11标准库中的一个模板类,他表示一个异步操作的结果,当我们在多线程编程中使用异步任务时,std::future可以帮助我们在需要的时候,获取任务的执行结果,std::future 的一个重要特性是能…

lvm知识终结

、什么是 LVM LVM 是 Linux 下对磁盘分区进行管理的一种工具,适合管理大存储设备,并允许用户动态调整文件系统的大小 lvm 常用的命令 功能 PV 管理命令 VG 管理命令 LV 管理命令 scan 扫描 pvscan vgscan lvscan create 创建 pvcreate v…

水仙花语:花中情诗,心灵低语

一、水仙花语的丰富内涵 水仙花的花语丰富多样,其中“纯洁”是其最为显著的象征之一。水仙花洁白无瑕的花瓣,宛如纯洁无暇的心灵,给人以清新、高雅之感。这种纯洁不仅体现在花朵的外观上,更蕴含着一种纯净、美好的精神内涵&#x…

【JS逆向学习】AES加密文本如何在python中进行调用js解密

对于上边的图片我们用F12找到我们就发现一个无限循环debugger , 我的解决方案是关闭调试 在一个currentitems中发现全是加密的数据 我通过ctrl + shift +f 搜索AES P 这就是解密的js函数,存到js中,进行处理 const crypto = require(crypto) var CryptoJS = require(crypt…

2.7单窗口中显示多幅图像

目录 1.实验原理 2.实验代码 3.运行结果 1.实验原理 在Opencv中,我们可以综合利用坐标变换与Rect区域提取来实现单窗口显示多幅图像。首先根据输入图像个数与尺寸确定输入源图像小窗口的构成形态,然后设定每个图像小窗口的具体构成,包括边…

超级外链工具,可发9600条优质外链

超级外链工具,是一款在线全自动化发外链的推广工具。使用本工具可免费为网站在线批量增加外链,大大提高外链发布工作效率,是广大草根站长们必备的站长工具。 外链工具只是网站推广的辅助工具,一般适用于短时间内无法建设大量外链…

stm32入门学习16-闪存

(一)闪存 在之前的学习中,已经学习过了W25Q64这个外挂闪存,在stm32内部也有一块闪存,其主要用于存放我们编译的代码,如果我们需要一些掉电不丢失的数据,但是又懒得外挂一块闪存,就可…

树莓派4b换源+安装neo4j知识图谱

烧录树莓派系统, ssh 1.在SD中的boot区中,新建两个文件ssh(没有任何后缀)和wpa_supplicant.conf。 2.往wpa_supplicant.conf中写入 countryCN ctrl_interfaceDIR/var/run/wpa_supplicant GROUPnetdev update_config1 network{ ssid“wifi账号” psk“…

VS Code 配置docker 管理员权限终端

问题描述 在容器中需要使用sudo或者su root时候,权限不够,被灵魂提问。 然而,镜像是官方发布的,翻遍了githubissues也没有找到password. 解决 Attach shell 在docker插件中,attach shell 可以直接获得shell。 所…

AI顾投高级策略之六:马丁格尔策略

作者:老余捞鱼 原创不易,转载请标明出处及原作者。 写在前面的话: 在投资世界中,隐藏着众多精妙的策略,其中一些历经时间的考验,被基金经理们广泛使用。今天,我们要探讨的是马丁格尔策略…

不依靠for循环,Python如何对列表进行去重并保留排列顺序

在python中,我们想要从列表中删除重复元素,并且保留去重之前的先后排列顺序。在这里,我们本文不谈论for循环,我们来谈论其他的更优方法——OrderedDict和set。 要知道,OrderedDict可以通过保留插入顺序来实现元素去重…

【面试题】接雨水

接雨水 仅学习 一、问题描述 二、解调思路 这个问题是一个典型的双指针问题,也称为"接雨水问题"。我们可以通过遍历数组两次来解决这个问题:一次从左到右,一次从右到左,分别记录每个位置左边和右边的最大高度。然后&…

springboot学校防疫物资管理平台的设计与实现boot--论文源码调试讲解

第2章 开发环境与技术 本章节对开发学校防疫物资管理平台管理系统需要搭建的开发环境,还有学校防疫物资管理平台管理系统开发中使用的编程技术等进行阐述。 2.1 Java语言 Java语言是当今为止依然在编程语言行业具有生命力的常青树之一。Java语言最原始的诞生&…

C语言—扫雷项目

一、扫雷游戏分析和设计 (1.1)扫雷游戏功能说明 • 使⽤控制台实现经典的扫雷游戏 • 游戏可以通过菜单实现继续玩或者退出游戏 • 扫雷的棋盘是9*9的格⼦ • 默认随机布置10个雷 • 可以排查雷 ◦ 如果位置不是雷,就显⽰周围有⼏个雷 ◦ 如…

C# 元组类型详解与示例

文章目录 1. 元组的基本概念1.1 元组的定义1.2、元组的类型 2. 元组的特性2.1 元组的命名元素2.2 元组的类型推断2.3 元组的结构2.4 元组的比较和哈希 3. 元组的实际应用3.1 方法返回多个值3.2 作为数据容器3.3 元组与数据结构 4. 总结 元组(Tuple)是 C#…

【AI】机器学习基本概念详解1

友情链接:numpy使用、SciPy、Matplotlib 定期更新,建议关注、点赞、收藏。 目录 监督学习 or 非监督学习clustering & non-clustering分类 or 回归线性回归逻辑回归 目标函数or 损失函数规范化归一化标准化正则化(惩罚penalty&#xff09…

如何制作优秀的年终总结PPT?

制作优秀的年终总结PPT,是每位职场人士在年底时的一项重要任务。 一个优秀的年终总结PPT不仅能够清晰地展示你过去一年的工作成果,还能让领导对你的工作能力和态度留下深刻印象。 下面,我将从几个方面详细讲解如何制作这样的PPT&#xff0c…