js中的内置对象、数学对象、日期对象、数组对象、字符串对象

news2024/11/15 21:50:14

js中的对象(三种):

自定义对象

  • car、computer

DOM对象

  • div、p

BOM对象

  • window、console

内置对象

数学对象 Math (object类型)

  • 1、圆周率 Math.PI

  • 2、向下取整(返回值) Math.floor()

    image-20240123181844470

  • 3、向上取整(返回值) Math.ceil()

    image-20240123181945820

  • 4、四舍五入 Math.round()

    image-20240123182044257

  • 5、随机数 0<x<1 Math.random()

    image-20240123182150831

  • 6、绝对值 Math.abs()

    image-20240123182350318

  • 7、最大值 Math.max()

    image-20240123111124948
  • 8、最小值 Math.min()

    image-20240123182527923

  • 9、指数幂 Math.pow(底数,指数)

    image-20240123111255708

  • 10、平方根 Math.sqrt()

    image-20240123182941895

  • 11、正弦 Math.()

    • 单位是弧度

    • 1 弧度 = 180/Math.PI

      image-20240123183026992

  • 12、余弦 Math.cos()

    image-20240123183152313

    求min到max的随机数

  • Math.floor(Math.random()*(max-min)+min) min<=x<max

    image-20240123183842746

  • Math.ceil(Math.random()*(max-min)+min) min<x<=max

    image-20240123183809049

日期对象 newDate() (object类型)

Data是个构造函数

var data = new Date() //获取当前的时间
console.log(date)

  • 1、获取1970年1月1日至今的毫秒数,后期做时间戳使用
    date.getTime() date.valueOf()

  • 2、年
    date.getFullYear()

    image-20240123184931370

  • 3、月
    date.getMonth()+1

    image-20240123184945519

  • 4、日
    date.getDate()

    image-20240123185000067

  • 5、星期
    date.getDay()

    image-20240123185011545

  • 6、时
    date.getHours()

    image-20240123185023007

  • 7、分
    date.getMinutes()

    image-20240123185034909

  • 8、秒
    date.getSeconds()

    image-20240123185049679

  • 时间格式化显示

    image-20240123131045034

数组对象 new Array()

1、创建数组的方式
  • 字面量创建 var arr = [ ]

  • 构造函数创建数组 var arr = new Array()

    image-20240123190142806

2、检测一个变量是否是数组
  • 变量/值 instanceof Array

    image-20240123190441615

  • Array.isArray()
    返回true是数组,false不是数组

    image-20240123190615919

3、队列操作:(先进先出)
  • unshift():最前面添加元素,插队

  • shift():删除最前面的元素,出队

  • 总是在数组的头部操作

  • 改变数组长度

    image-20240123190910413

  • 不可以直接输出
    image-20240124111236627

4、排序方法:
  • reverse():反转数组,返回一个新数组

    image-20240123191123418

5、操作方法
  • concat() :

    • 连接两个或者多个数组,如果参数是数组那就是连接数组,

    • 如果参数不是数组,那就是添加元素(push),返回一个新数组

image-20240124085714360

image-20240123192134077

  • slice(start,end):

    • 截取数组,返回一个新数组。

    • start和end都是索引,从start开始截取到end结束包含start不包含end

    • 如果只有一个参数,那就是从start开始截取到结束。不会改变原数组的大小

      image-20240123192439556

  • splice(start,length):

    • 截取数组,返回一个新数组。

    • start是索引length是个数,从start开始截取length个元素

    • 如果只有一个参数,那就是从start开始截取到结束。会改变原数组的大小

      image-20240123192625164

6、迭代方法
  • 循环遍历数组,参数是个回调函数,回调函数中的两个参数分别是元素value,索引index

  • 1、forEach():遍历数组,相当于for循环

    image-20240123193058619

  • 2、some():返回布尔类型,如果有一个元素满足就返回true

    image-20240123193159648

  • 3、every():返回布尔类型,所有的元素都满足才返回true

    image-20240123193407094

  • 4、 map():返回数组,一般用于数学计算

    image-20240123193518975

  • 5、filter():返回数组, 一般用于过滤数组

    image-20240123193634670

7、位置方法
  • indexOf():

    • 获取元素的索引,参数是元素。

    • 如果遇到重复的元素从前往后数

    • 如果没有该元素返回-1

      image-20240123193847274

  • lastIndexOf():

    • 获取元素的索引,参数是元素。

    • 如果遇到重复的元素从后往前数

    • 如果没有该元素返回-1

      image-20240123193901874

8、数组元素清空
  • arr = []
  • arr.length = 0
  • arr.splice(0)
9、将数组转为字符串
  • join():如果没有参数,元素默认以逗号分隔,如果有参数以该参数分隔

    image-20240123194039575

字符串对象 new String

1、为什么将字符串以引用类型存储:
  • 字符串的内存存储不可逆,占用内存空间
2、创建字符串对象
  • var str = ’ ’
  • var 变量 = new String()
    image-20240123194334650
3、获取单个的子字符
  • 通过索引

  • charAt(索引)

    image-20240123194437122

4、位置方法
  • indexOf():

    • 获取元素的索引,参数是字符。

    • 如果遇到重复的字符从前往后数

    • 如果没有该元素返回-1

      image-20240123195435578

  • lastIndexOf():

    • 获取元素的索引,参数是字符。

    • 如果遇到重复的字符从后往前数

    • 如果没有该元素返回-1

      image-20240123195448853

5、拼接字符串
  • +号

  • concat() 返回新字符串

    image-20240123195609778

6、截取字符串:都会返回新字符串,都不会改变原字符串的大小
  • slice(start,end)   从start位置开始,截取到end位置,end取不到

    • 与substring一样
  • substring(start,end) 从start位置开始,截取到end位置,end取不到

    image-20240123195719960

  • substr(start,length)   从start位置开始,截取length个字符

    image-20240123200434858

7、去掉字符串前后的空格,返回新字符串
  • trim()

    image-20240123200523745

8、检索是否是以n字符开头的子字符串,返回n的索引
  • search(n)

    image-20240123200605937

9、替换子字符串,返回新字符串
  • replace(old,new)

  • 一次只能替换一个

    image-20240123200802634

字符串转数组
  • split()

    • 括号参数不写,默认是一个整体
    • 参数为空的话,是数组,
    • 参数是什么,就是以什么分隔开

    image-20240123201043402

字符串案例1:

  • 找出以上字符串中出现次数最多的字符和出现的次数

    image-20240124114145990

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

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

相关文章

【Node-RED】node-red-contrib-opcua-server模块使用(1)

node-red-contrib-opcua-server模块使用 前言node-red-contrib-opcua-server模块使用1.1.1版本报错场景1.1.0版本报错场景0.4.1版本正常场景之前版本的卸载下载0.4.1版本openssl 1.1.0下载pem文件的调试生成导入server-with-context.json示例 前言 在Node-RED中&#xff0c;如…

小红书如何做混部?

作者&#xff1a;宋泽辉&#xff08;小红书&#xff09;、张佐玮&#xff08;阿里云&#xff09; 编者按&#xff1a; Koordinator 是一个开源项目&#xff0c;是基于阿里巴巴内部多年容器调度、混部实践经验孵化诞生&#xff0c;是行业首个生产可用、面向大规模场景的开源混…

uni-app(微信小程序、钉钉小程序)打开第三方地图:uni.openLocation的使用

1.相关参数 &#xff08;文档&#xff09; 2. 代码实现 openMap() {uni.openLocation({latitude: 29.074979,longitude: 119.52142,name: 地点,address: 浙江省金华市婺城区白龙桥镇郭力垄水库(白龙桥镇),success: function(res) {console.log(打开系统位置地图成功)},fail: fu…

Springboot,使用sharedingjdbc 分库分表,最佳实践。

一、简介 Apache ShardingSphere 是一套开源的分布式数据库解决方案组成的生态圈&#xff0c;它由 JDBC、Proxy 和 Sidecar&#xff08;规划中&#xff09;这 3 款既能够独立部署&#xff0c;又支持混合部署配合使用的产品组成。 它们均提供标准化的数据水平扩展、分布式事务和…

WIFI电路原理时序检修思路

uart是串口&#xff0c;bt是蓝牙&#xff0c;hsic是高速接口。pcm是音频接口。时序图的第五步是发出就绪信号&#xff0c;然后第六步与门发出就绪信号。 wifi芯片是u8_rf。 特别说明&#xff1a;short表示短接。xw表示实际是看不到物体的&#xff0c;是直接相连的。 找信号50_…

MySQL 定位长事务(Identify Long Transactions)

在MySQL的运行中&#xff0c;经常会遇到一些长事务。长事务意味着长时间持有系统资源&#xff0c;这在OLAP系统中很常见&#xff0c;但在OLTP系统中&#xff0c;长事务意味着争用、并发降低&#xff0c;等待。长事务伴随的典型现象就是经常听到开发人员说"xxx表被锁住了……

2024年危险化学品生产单位安全生产管理人员证模拟考试题库及危险化学品生产单位安全生产管理人员理论考试试题

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2024年危险化学品生产单位安全生产管理人员证模拟考试题库及危险化学品生产单位安全生产管理人员理论考试试题是由安全生产模拟考试一点通提供&#xff0c;危险化学品生产单位安全生产管理人员证模拟考试题库是根据危…

深入了解Figure的结构与层次

深入了解Figure的结构与层次 一 Matplotlib中的Figure1.1 Figure的概念和作用:1.2.创建Figure对象:1.3 Figure的属性和方法: 二 子图&#xff08;Axes&#xff09;的角色与创建2.1 子图&#xff08;Axes&#xff09;的概念&#xff1a;2.2 创建子图的方法&#xff1a;2.3 Axes的…

文件名翻译工具,文件名称翻译软件

无论是工作、学习还是生活&#xff0c;我们时常会遇到文件名称难以理解的情况。这时&#xff0c;一款优秀的文件名称翻译软件就显得尤为重要。今天&#xff0c;我要为大家介绍一个备受好评软件——文件批量改名高手&#xff0c;这款软件自带翻译功能&#xff0c;可以帮你轻松实…

【LangChain学习之旅】—(9) 用SequencialChain链接不同的组件

【LangChain学习之旅】—&#xff08;9&#xff09;用SequencialChain链接不同的组件 什么是 ChainLLMChain&#xff1a;最简单的链链的调用方式直接调用通过 run 方法通过 predict 方法通过 apply 方法通过 generate 方法 Sequential Chain&#xff1a;顺序链首先&#xff0c;…

认识数学建模

文章目录 1 什么是数学建模2 数学建模的比赛形式3 参加数学建模的好处4 数学建模的流程5 数学建模成员分工6 数学建模常用软件7 数学建模竞赛7.1 美国大学生数学建模竞赛7.2 MathorCup高校数学建模挑战赛7.3 华中杯大学生数学建模挑战赛7.4 认证杯数学建模网络挑战赛7.5 华东杯…

【投稿优惠|稳定出版】2024年经济、大数据与区块链国际学术会议(ICEBDB 2024)

【投稿优惠|稳定出版】2024年经济、大数据与区块链国际学术会议&#xff08;ICEBDB 2024&#xff09; 重要信息 会议官网&#xff1a;http://www.icebdb.com会议地址&#xff1a;成都召开日期&#xff1a;2024/2/29截稿日期&#xff1a;2024/2/20 &#xff08;先投稿&#xff0…

MWORKS.Syslab 如何统一 Julia、C/C++、Python 乃至 MATLAB —— 解密多语言统一的底层机制

科学世界蓬勃发展&#xff0c;注入了许多时代特有的活力。年轻理科生们的口中逐渐出现了诸如“调参侠”“调包小子”“炼丹师”等新潮的调侃词语&#xff0c;这些来自机器学习/深度学习领域的“梗”在社交网络中逐渐扩散&#xff0c;让人们不禁感叹科学计算已经成为了炙手可热的…

如何安装MeterSphere并实现无公网ip远程访问服务管理界面

文章目录 前言1. 安装MeterSphere2. 本地访问MeterSphere3. 安装 cpolar内网穿透软件4. 配置MeterSphere公网访问地址5. 公网远程访问MeterSphere6. 固定MeterSphere公网地址 正文开始前给大家推荐个网站&#xff0c;前些天发现了一个巨牛的 人工智能学习网站&#xff0c; 通…

04 经典的OSPF

思维导图的方式回顾OSPF 什么是OSPF?为什么需要OSPF? - 华为 (huawei.com) 1 ospf 领行学习思维导图 1.1 ospf 的工作过程 建立领据表同步数据库计算路由表1.2 ospf 的状态

gitlab runner 安装、注册、配置、使用(Docker部署)

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

vue3项目中用codemirror实现格式化java代码及不太成熟的历程

本期只介绍创作的曲折历程&#xff0c;并不能解决实际问题&#xff0c;现有插件不支持&#xff0c;总结在了最后 一、案例效果 vue3项目使用preitter 搭配prettier-plugin-java 实现codemirror 格式化 java 二、步骤 1. 安装prettier和prettier-plugin-java&#xff0c;可以…

如何快速解决局域网IP冲突问题?连接IP地址冲突如何用代理IP搞定?

随着互联网的普及&#xff0c;局域网已经成为了许多家庭和企业中不可或缺的一部分。然而&#xff0c;局域网中的IP地址冲突问题却时常困扰着用户。一旦出现IP地址冲突&#xff0c;网络连接就会变得不稳定&#xff0c;甚至无法正常上网。那么&#xff0c;如何快速解决局域网IP冲…

2024 高级前端面试题之 HTML 「精选篇」

该内容主要整理关于 HTML 的相关面试题&#xff0c;其他内容面试题请移步至 「最新最全的前端面试题集锦」 查看。 HTML模块精选篇 1. 如何理解HTML语义化2. H5的新特性有哪些3. 说一下 HTML5 Drag API4. iframe有那些缺点5. 如何实现浏览器内多个标签页之间的通信6. 简述一下s…

嵌入式培训机构四个月实训课程笔记(完整版)-Linux ARM平台编程第二天-ARM汇编(物联技术666)

链接&#xff1a;https://pan.baidu.com/s/1bG0tuVaACATvjLwD05j1FQ?pwd1688 提取码&#xff1a;1688 上午&#xff1a;ARM编程模型 下午&#xff1a;常用ARM指令 教学内容&#xff1a; 1、ARM数据类型 字节&#xff08;Byte&#xff09;&#xff1a;在ARM体系结构及常见的…