JS的对象

目录

对象: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.mzph.cn/news/739879.shtml

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

相关文章

docker学习入门篇

1、docker简介 docker官网: www.docker.com dockerhub官网: hub.docker.com docker文档官网:docs.docker.com Docker是基于Go语言实现的云开源项目。 Docker的主要目标是:Build, Ship and Run Any App, Anywhere(构建&…

每日一题——LeetCode2129.将标题首字母大写

方法一 个人方法 将字符串转为数组&#xff0c;遍历数组&#xff0c;对数组的每一个元素&#xff0c;先全部转为小写&#xff0c;如果当前元素长度大于2&#xff0c;将第一个字符转为大写形式 var capitalizeTitle function(title) {titletitle.split( )for(let i0;i<tit…

概要了解postman、jmeter 、loadRunner

postman还蛮好理解的&#xff0c;后续复习的话着重学习关联接口测试即可&#xff0c;感觉只要用几次就会记住&#xff1a; 1 从接口的响应结果当中提取需要的数据 2 设置成环境变量/全局变量&#xff08;json value check 、set environment para 3写入到下一个接口的请求数据中…

工具-百度云盘服务-身份认证

目标 通过百度网盘API的方式去获取网盘中的文件&#xff0c;要实现这的第一步就是需要获取网盘的权限。资料(参考) 如果期望应用访问用户的网盘文件&#xff0c;则需要经过用户同意&#xff0c;这个流程被称为“授权”。百度网盘开放平台基于 OAuth2.0 接入授权。OAuth2.0 是…

关于分布式分片,你该知道的事儿

关于分布式分片&#xff0c;你该知道的事儿 前言一、关于分片方式的那些事儿1.1 按照Hash划分1.2 按照区间范围划分1.3 按照数据量划分1.4 来些例子1.4.1 Redis的分片划分1.4.2 Mongo的分片划分 二、关于分区再平衡的那些事儿2.1 基于固定分片数量2.2 基于动态分片数量2.3 基于…

计算机毕业设计 | SSM 在线毕业论文管理 线上考试成绩教务管理系统(附源码)

1&#xff0c; 绪论 研究背景 系统管理也都将通过计算机进行整体智能化操作&#xff0c;对于论文管理系统所牵扯的管理及数据保存都是非常多的&#xff0c;例如管理员&#xff1b;首页、系统用户&#xff08;管理员、学生、老师&#xff09;模块管理&#xff08;指导教师、课…

为什么不要使用elasticsearch

互联网上有很多文章&#xff0c;都在讲为什么要使用elasticsearch&#xff0c;却很少有人讲为什么不要使用elasticsearch。作为深入研究elasticsearch四年&#xff0c;负责公司万亿级别检索的操盘手&#xff0c;借着这篇文章&#xff0c;给大家分享一下&#xff0c;为什么不要使…

Vue3全家桶 - VueRouter - 【2】重定向路由

重定向路由 在路由规则数组中&#xff0c;可采用 redirect 来重定向到另一个地址&#xff1a; 通常是将 / 重定向到 某个页面&#xff1b; 示例展示&#xff1a; router/index.js&#xff1a;import { createRouter, createWebHashHistory, createWebHistory } from vue-route…

混合测试写一写

题目 服务器IP地址规划&#xff1a;client&#xff1a;12.0.0.12/24&#xff0c;网关服务器&#xff1a;ens36:12.0.0.1/24、ens33&#xff1a;192.168.44.1/24&#xff0c;Web1&#xff1a;192.168.44.30/24&#xff0c;Web2&#xff1a;192.168.44.50/24&#xff0c;Nginx&am…

iOS应用内的沙盒目录

iOS系统的沙盒机制规定每个应用都只能访问当前沙盒目录下面的文件&#xff0c;在开发中常常需要数据存储的功能&#xff0c;比如存取文件&#xff0c;归档解档等&#xff0c;因此有必要熟悉沙盒目录及其作用。 Documents目录 开发者可以将应用程序的数据文件保存在这个目录下.…

bzm - Concurrency Thread Group 阶梯式压测

bzm - Concurrency Thread Group 不是JMeter的官方插件&#xff0c;而是一种由Blazemeter提供的高级线程组插件&#xff0c;它提供了更灵活的并发性能测试设置。它可以在不同的时间内并发执行不同数量的线程&#xff0c;模拟不同的负载场景 插件下载地址&#xff1a;Download …

加速 Webpack 构建:提升效率的秘诀

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…

网络通信另个角度的认识(进程间通信),端口号(为什么要有,和pid的关系,分类,如何封装,和进程的定位原理+对应关系),客户端如何拿到服务端的port

目录 另一个角度认识网络通信 端口号 引入 -- 为什么要有端口号 问题 解决 端口号和pid 举例 介绍 分类 知名端口 注册端口 动态端口 客户端如何知道服务端的端口号 封装端口号 定位原理 进程和端口号的对应关系 数据如何被上层进程读到 另一个角度认识网络…

【Java EE初阶十一】多线程进阶二(CAS等)

1. 关于CAS CAS: 全称Compare and swap&#xff0c;字面意思:”比较并交换“&#xff0c;且比较交换的是寄存器和内存&#xff1b; 一个 CAS 涉及到以下操作&#xff1a; 下面通过语法来进一步进项说明&#xff1a; 下面有一个内存M&#xff0c;和两个寄存器A,B; CAS(M,A,B)&am…

吴恩达机器学习-可选实验:梯度下降逻辑回归(Gradient Descent for Logistic Regression)

文章目录 目标数据集Logistic梯度下降梯度下降实现计算梯度&#xff0c;代码描述 另一个数据集 目标 在本实验中&#xff0c;你将: 更新逻辑回归的梯度下降在一个熟悉的数据集上探索梯度下降使用梯度下降给逻辑回归更新参数 import copy, math import numpy as np %matplotl…

怎么判断你的模型是好是坏?模型性能评估指标大全!

模型性能评估指标&#xff0c;大家一定不陌生&#xff01;很多小伙伴们都说难&#xff0c;但是它真的很重要很重要很重要&#xff01;它会对我们的模型有很多的指导&#xff0c;也会给我们真正做模型的时候提供一些指导性的思想&#xff0c;不然我们看到别人的东西只能跟着人家…

【linux】冯诺依曼体系与操作系统的理解

本篇文章是进程的预备知识&#xff0c;但也不仅仅是进程的预备知识&#xff0c; 也可以更好地帮助我们理解整个计算机体系。 目录 冯诺依曼体系结构&#xff1a;进一步理解操作系统&#xff1a; 冯诺依曼体系结构&#xff1a; 关于这张图先进行一下必要的解释&#xff1a; 输…

怎样通过IT服务台来增强IT项目管理?

当下&#xff0c;越来越多的企业和组织重视IT项目管理的重要性。而如何通过IT服务台来增强和提升IT项目管理效率&#xff0c;成为了许多企业领导和IT专业人员共同关注的话题。如何充分利用IT服务台&#xff0c;以促进IT项目管理水平的提升和项目成功率的增加变得至关重要。 1…

怎么免费下载无水印视频素材?赶快收藏这六个网站。

今天来教大家怎么下载无水印视频素材&#xff0c;其中一些是免费的&#xff0c;并且可以在商业项目中使用&#xff0c;这些网站都是无水印视频素材&#xff0c;可以放心使用。 蛙学网&#xff1a; 网站的内容非常丰富多彩&#xff0c;包括风景&#xff0c;夜景&#xff0c;食物…