JS的对象

news2024/11/24 4:51:23

目录

对象:object

对象的创建:

利用对象字面量创建对象:

使用new来进行创建对象:

利用构造函数来创建对象:

new的执行:

对象属性的遍历:for in

------

·相当于JAVA的工具类,直接提供的

MDN/W3C文档的查阅使用:

MATH:

Date的使用:

日期的格式化:

DATE的总的毫秒数:

数组对象的使用:array

判断是否是数组:

方式一:instanceof 运算符号

方式二:数组的方法isArray( )

数组元素的添加删除:

在数组末尾添加元素:

在数组的前面添加数组:

数组元素的删除:

数组的排序:

数组索引相关:

数组去重案例:

将数组转换为字符串:

数组的拼接:

字符串对象:

字符串的不可变性:

根据字符返回位置:

根据位置返回字符:

字符串的常用方法:

字符串转换为数组:


对象:object

JS中存在自定义对象,内置对象,浏览器对象(JS独有)

对象的创建:

利用对象字面量创建对象:

var 对象名={

对象属性:属性功能/体现,

对象属性:属性功能/体现,

对象属性:属性功能/体现,

}

所以说属性功能/体现可以是匿名函数

属性名和属性值是用键值对的形式的。多个属性之间用,逗号隔开

调用(获取)对象的属性值:对象名.属性名

或对象名['属性名']

调用对象的方法:对象名.方法名()


使用new来进行创建对象:

var 对象名=new Object()

属性的追加:

对象名.属性名=属性值(可以是匿名方法)

注意需要用分号进行结束


利用构造函数来创建对象:

和函数不同一般将构造函数命名为第一个字母大写

需要使用:this.属性名=形参

需要使用new 函数名(参数)

构造函数不需要return就可以返回对象。

只要new以下就创建了一个对象

同时还是可以用对象名.属性名=属性值 进行添加属性

new的执行:

new 关键字执行过程
1ew构造函数可以在内存中创建了一个空的对象
2.this就会指向刚才创建的空对象
3.执行构造函数里面的代码给这个空对象添加属性和方法
4.返回这个对象(因此不需要return返回对象)

对象属性的遍历:for in

for(变量(k) in 对象){

console.log(k);输出的是属性的名称

console.log([k]);输出的是属性的值

}

有点像python的for in

------

-------

内置对象:

·相当于JAVA的工具类,直接提供的

MDN/W3C文档的查阅使用:

请点击前往:MDN网址


MATH:

不是构造函数

若出现由数据不能转换为数值输出NaN,如果没有参数输出-Infinity

左闭右开随机数范围。


下面这个”格式“能够实现在指定范围内的随机数

Math.floor()方法是返回整数的

返回小于等于x的最大整数。它的值与 math.ceil(-x). 相同。

Date的使用:

注意DATE是构造函数。

如果没有参数,返回的数据是本地系统时间

字符串型的时间,年月日用-隔开,时分秒用冒号隔开需要用引号包括全部(返回的是确切时间)

(逗号隔开,数字型)但注意:有些自定义日期返回的数据月份会有问题比实际多一月月份是按照1~11月算的

输出的是字符串形式

.......

日期的格式化:

注意在自定义时间返回的时候注意,当小于10要补零的三元运算符

DATE的总的毫秒数:

时间从1970 1月1日开始计算 (所以又叫做时间戳)

获取距离的时间也是距离1970 1月1日开始计算

倒计时时间案例的实现

数组对象的使用:array

数组创建的两种方式:

方式一:直接使用字面量申请

var 数组名=[ 元素,元素....]

方式二:

var 数组名= new Array ( )

----

如果使用的形式是:var 数组名= new Array (n )

n表示的是创建的数组有几个空元素

---

当()中的数据至少两个的时候,才会认为是直接添加的数据

如:var 数组名= new Array (n,m, v )

判断是否是数组:

方式一:instanceof 运算符号

instanceof是一个判断符号,可以用在多种判断的形式上。

判断数组的格式 : 数组名 instanceof Array

返回值是true/false


方式二:数组的方法isArray( )

使用格式: Array.isArray(数组名)


数组元素的添加删除:

在数组末尾添加元素:

push()在数组的末尾添加一个或者多个元素。多个元素之间用,隔开。

格式:数组名.push()

push的返回值是新数组的长度

或者按照原来的方式进行添加。

在数组的前面添加数组:

unishft( ) 在数组的前面添加一个或者多个元素。多个元素之间用,隔开。

格式:数组名.unishft()

返回的格式也是新数组的长度


数组元素的删除:

pop()可以删除,数组中的最后一个元素,不需要参数。 返回值是被删除的元素。

shifrt()可以删除,数组中的第一个元素,不需要参数。 返回值是被删除的元素。




数组的排序:

方式一:使用冒泡排序进行大小排序

方式二:sort()进行从小到大的排序

格式: 数组名.sort( )

但排序有问题 ,原因在于他是默认先,,排数的每一个位置(...百十个),会导致多位数的排序错位

修改后的格式:

a-b是升序

b-a是降序

数组的反转:使用reverse()进行反转


数组索引相关:

格式:数组名.方法名( 元素)

数组去重案例:

将数组转换为字符串:

join的强大之处’符号等‘ 可以实现以’‘中的进行分割元素

数组的拼接:

slice包括end索引位置的元素

字符串对象:

基本包装类型:

字符串的不可变性:

字符串的内容是可以改变的,但是原字符串内容是不会改变的和JAVA一样。

改变的是字符串内容的地址,原字符串内容的地址不会改变。


根据字符返回位置:

indexof(’字符‘) 获取的是第一个位置(默认从0开始)

指定位置开始查找:indexof(’字符‘,开始索引)

根据位置返回字符:

字符串的常用方法:

substr较为重要。

使用replace(被替换的字符,替换为的字符)

只会替换第一个字符

字符串转换为数组:

split("分隔符号")

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

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

相关文章

【NR 定位】3GPP NR Positioning 5G定位标准解读(十四)-DL-TDOA 定位

前言 3GPP NR Positioning 5G定位标准:3GPP TS 38.305 V18 3GPP 标准网址:Directory Listing /ftp/ 【NR 定位】3GPP NR Positioning 5G定位标准解读(一)-CSDN博客 【NR 定位】3GPP NR Positioning 5G定位标准解读(…

git pull 报错: 在签出前,请清理存储库工作树

问题: 使用vscode 用git 拉取代码,提示:在签出前,请清理存储库工作树** 原因: git仓库上的代码和本地代码存在冲突了所以会报这个报错。 解决办法: ①git stash 先将本地修改存储起来 ②git pull 拉取远…

websocket 使用示例

websocket 使用示例 前言html中使用vue3中使用1、安装websocket依赖2、代码 vue2中使用1、安装websocket依赖2、代码 前言 即时通讯webSocket 的使用 html中使用 以下是一个简单的 HTML 页面示例,它连接到 WebSocket 服务器并包含一个文本框、一个发送按钮以及 …

案例--某站视频爬取

众所周知,某站的视频是: 由视频和音频分开的。 所以我们进行获取,需要分别获得它的音频和视频数据,然后进行音视频合并。 这么多年了,某站还是老样子,只要加个防盗链就能绕过。(防止403&#xf…

第十四届蓝桥杯C++B组编程题题目以及题解

a.冶炼金属&#xff08;二分&#xff09; 思路&#xff1a; 设任意一条冶炼记录投入金属数量为a,产出金属为b. 对于每一条冶炼记录我们都可以得到 一个转换率V的范围&#xff1a; b<a/v<b1即a/b< v <a/(b1) 为什么是b1呢&#xff1f;因为既然能产出b个金属&#xf…

SpringCloud网关路由及实现

目录 1 前言 2 实现步骤 2.1 创建一个模块作为网关并引入相关依赖 2.3 设置启动类 2.4 配置路由 3 网关路由的补充内容 3.1 路由断言 3.2 路由过滤器 1 前言 前端请求不能直接访问微服务&#xff0c;而是要请求网关。原因及网关的作用如下&#xff1a; ①网关做安全控制…

16. UE5 RPG获取GE应用的回调,并根据Tag设置数据显示到窗口

在上一篇介绍了对标签如何在项目中设置&#xff0c;这一篇先讲解一下如何在GE里面使用GameplayTag标签。 之前我在第十一章节中 11. UE5 RPG使用GameplayEffect修改角色属性&#xff08;二&#xff09;介绍了一些GE的属性&#xff0c;在UE 5.3版本中&#xff0c;修改的配置方式…

Docker部署黑马商城项目笔记

部署后端 创建mysql目录如下&#xff0c;上传对应的文件 运行以下命令 docker run -d \--name mysql \-p 3306:3306 \-e TZAsia/Shanghai \-e MYSQL_ROOT_PASSWORD123 \-v ./mysql/data:/var/lib/mysql \-v ./mysql/conf:/etc/mysql/conf.d \-v ./mysql/init:/docker-entry…

LeetCode(力扣)算法题_1261_在受污染的二叉树中查找元素

今天是2024年3月12日&#xff0c;可能是因为今天是植树节的原因&#xff0c;今天的每日一题是二叉树&#x1f64f;&#x1f3fb; 在受污染的二叉树中查找元素 题目描述 给出一个满足下述规则的二叉树&#xff1a; root.val 0 如果 treeNode.val x 且 treeNode.left ! n…

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的常见手势识别系统(深度学习模型+UI界面代码+训练数据集)

摘要&#xff1a;开发手势识别系统对于增强人机交互和智能家居控制领域的体验非常关键。本博客详尽阐述了通过深度学习技术构建手势识别系统的过程&#xff0c;并附上了全套实施代码。系统采用了先进的YOLOv8算法&#xff0c;并通过与YOLOv7、YOLOv6、YOLOv5的性能对比&#xf…

PTA- - -个位数统计(C语言)

Hello,好久没更新啦&#xff0c;今天给大家讲解一下PTA平台上面的“个位数统计”这道题吧~ 题目是要统计一个数字每个位上数字出现的次数。下面是一个解决方案的思路和相应的 C 语言代码&#xff1a; 思路&#xff1a; 初始化一个大小为10的数组&#xff0c;用于计数每个数字…

Kubernetes(k8s第四部分之servers)

1&#xff0c;为什么不使用round-robin DNS&#xff1f; 因为DNS有缓存&#xff0c;不会清理&#xff0c;无法负载均衡 ipvs代理模式&#xff0c;这种模式&#xff0c;kube-proxy会监视Kubernetes Service 对象和Endpoints&#xff0c;调用netlink接口以相应地创建ipvs规则并…

小迪安全39WEB 攻防-通用漏洞CSRFSSRF协议玩法内网探针漏洞利用

#知识点&#xff1a; 逻辑漏洞 1、CSRF-原理&危害&探针&利用等 2、SSRF-原理&危害&探针&利用等 3、CSRF&SSRF-黑盒下漏洞探针点 #详细点&#xff1a; CSRF 全称&#xff1a;Cross-site request forgery&#xff0c;即&#xff0c;跨站请求…

十四、软考-系统架构设计师笔记-云原生架构设计理论与实践

1、云原生架构背景 云原生架构定义 从技术的角度&#xff0c;云原生架构是基于云原生技术的一组架构原则和设计模式的集合&#xff0c;旨在将云应用中的非业务代码部分进行最大化的剥离&#xff0c;从而让云设施接管应用中原有的大量非功能特性(如弹性、韧性、安全、可观测性、…

图片怎样去水印?三款热门工具推荐!

在数字化时代&#xff0c;图片去水印成为了许多设计师、摄影师和普通用户的基本需求。面对市面上琳琅满目的去水印工具&#xff0c;究竟哪款应用能够在效果、易用性和效率上更胜一筹呢&#xff1f;今天&#xff0c;就让我们来对比三款国内外热门的图片去水印应用&#xff0c;看…

基于pci多功能采集卡——pci9640

一、追逐潮流&#xff0c;应运而生 信息社会的高速发展&#xff0c;在很大程度上取决于信息与信号处理的先进性。数字信号处理技术的出现改变了信号与信号处理技术的整个面貌&#xff0c;而数据采集作为数字信号处理的必不可少的前期工作在整个数字系统中起到关键性乃至决定性的…

250V FDP51N25 N沟道功率MOSFET具有业界领先的低导通电阻特性,有助于提供出色的开关性能

FDP51N25 UniFETTM MOSFET 是基于平面条纹和 DMOS 技术的高压 MOSFET。适用于降低导通电阻&#xff0c;提供更好的开关性能以及更高的雪崩能量强度。FDP51N25适用于开关电源转换器应用&#xff0c;如功率因数校正 (PFC)、平板显示屏 (FPD) TV 电源、ATX 和电子灯镇流器。 FDP51…

数学建模-模糊性综合评价模型

中医药是中国传统文化的重要组成部分&#xff0c;凝聚了中华民族千百年来智慧的结晶。作为中医的发源地&#xff0c;中国政府一直致力于保护、发展和推广中医药&#xff0c;采取了一系列政策措施[]。目前&#xff0c;中国面临着老龄化日益加剧&#xff0c;老年人群中慢性疾病和…

Elasticsearch使用Kibana进行基础操作

一、Restful接口 Elasticsearch通过RESTful接口提供与其进行交互的方式。在ES中&#xff0c;提供了功能丰富的RESTful API的操作&#xff0c;包括CRUD、创建索引、删除索引等操作。你可以用你最喜爱的 web 客户端访问 Elasticsearch 。事实上&#xff0c;你甚至可以使用 curl …

力扣每日一题 在受污染的二叉树中查找元素 哈希 DFS 二进制

Problem: 1261. 在受污染的二叉树中查找元素 思路 &#x1f468;‍&#x1f3eb; 灵神题解 &#x1f496; 二进制 时间复杂度&#xff1a;初始化为 O ( 1 ) O(1) O(1)&#xff1b;find 为 O ( m i n ( h , l o g 2 t a r g e t ) O(min(h,log_2target) O(min(h,log2​targ…