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

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

实现自己的mini-react

实现自己的mini-react 创建运行环境实现最简单mini-react渲染dom封装创建虚拟dom节点封装函数封装render函数对齐react 调用方式使用 jsx 任务调度器&fiber架构封装一个workLoop方法 统一提交&实现 function component统一提交实现支持 function component 进军 vdom 的…

6轴机器人运动正解-逆解控制【1】——三种控制位姿的方式

概览&#xff1a; 通过运动学正解控制机器人运动通过运动学逆解控制机器人运动一个简单的物体搬运&#xff08;沿轨迹运动&#xff09; 后续会陆续更新&#xff08;本例仅供学习交流用&#xff09; 一、6轴机器人 二、运动正解控制 通过修改各个轴的角度&#xff0c;实现末…

目标检测数据集 - 人脑肿瘤检测数据集下载「包含VOC、COCO、YOLO三种格式」

数据集介绍&#xff1a;人脑肿瘤检测数据集&#xff0c;真实 CT 场景高质量图片数据&#xff0c;涉及人脑 CT 图片数据集丰富&#xff1b;适用实际项目应用&#xff1a;CT 图片场景下人脑肿瘤检测项目&#xff0c;以及作为通用人脑检测数据集场景数据的补充&#xff1b;标注说明…

Linux 一键部署influxd2-telegraf 二进制方式

influxd2前言 influxd2 是 InfluxDB 2.x 版本的后台进程,是一个开源的时序数据库平台,用于存储、查询和可视化时间序列数据。它提供了一个强大的查询语言和 API,可以快速而轻松地处理大量的高性能时序数据。 telegraf 是一个开源的代理程序,它可以收集、处理和传输各种不…

数据分析 - python 数据处理

数据处理 去除重复数据 # 删除重复值 保留重复行 第一行的数据 data.drop_duplicates(inplaceTrue, keepfirst)数据格式转化 日期格式化 data[order_date] pd.to_datetime(data[order_dt], format%Y%m%d)data[销售时间] pd.to_datetime(data[销售时间]) # 交货时间 销售…

JS进阶-深入面向对象(三)

看文章可以得到的收获&#xff1a; 1.在日常开发中&#xff0c;我们在声明一个数组对象后&#xff0c;没有声明有map&#xff0c;filter等方法&#xff0c;为什么可以调用这些方法呢&#xff1f; 2. 什么是面向过程思想&#xff0c;什么是面向对象思想呢&#xff1f; 3.JS中…

算法基础之线段树

文章目录 线段树 线段树 线段树的原理十分简单&#xff0c;但是在代码上会相对复杂一点 他也是用来维护一个序列&#xff0c;是一个完全二叉树的形状 对于每一个节点是一个结构体 struct Node {int L,R; int sum; // 以和为例 };假设序列为1到7&#xff0c;那么根节点存的…

EasyCVR视频融合平台雪亮工程视频智能监控方案设计与应用

随着科技的不断发展&#xff0c;视频监控已经成为城市安全防范的重要手段之一。为了提高城市安全防范水平&#xff0c;各地纷纷开展“雪亮工程”&#xff0c;即利用视频智能监控技术&#xff0c;实现对城市各个角落的全方位、全天候监控。本文将介绍一种雪亮工程视频智能监控方…

Windows本地如何部署Jupyter+Notebook并结合内网穿透实现远程访问?

文章目录 1.前言2.Jupyter Notebook的安装2.1 Jupyter Notebook下载安装2.2 Jupyter Notebook的配置2.3 Cpolar下载安装 3.Cpolar端口设置3.1 Cpolar云端设置3.2.Cpolar本地设置 4.公网访问测试5.结语 1.前言 在数据分析工作中&#xff0c;使用最多的无疑就是各种函数、图表、…

2212电机 与 Simonk 30A 电调 调速测试记录

硬件信息 一、2212电机 适配 F330、F450、F550机架 重量&#xff1a;52克 尺寸&#xff1a;28mm*24mm 支持锂电&#xff1a;3s~4s锂电池 电调&#xff1a;20~40A 二、Simonk 30A 电调 重量&#xff1a;25克 尺寸&#xff1a;40 * 23 * 8mm 输入电压&#xff1a;2s~4s&…

使用__missing__方法实现映射表多格式主键

背景介绍 在python中&#xff0c;我们经常使用字典类型实现映射表的功能&#xff0c;通过字典的主键遍历获取对应的值&#xff0c;从而实现从一个值映射到另一个值的功能 但是这种映射是十分硬性的&#xff0c;例如&#xff0c;假如我的映射表为{‘1’&#xff1a;one&#x…

C#学习(十)——WPF重构与美化

一、Entity Framework Core 特点&#xff1a;【跨平台】&#xff0c;【建模】&#xff0c;【查询、更改、保存】&#xff0c;【并发】&#xff0c;【事务】&#xff0c;【缓存】&#xff0c;【数据迁移】 EF的组件 二、重构&#xff1a;构建数据模型 项目延续C#学习(九)的 项…

Unity通用渲染管线升级URP、HDRP

Unity通用渲染管线升级URP、HDRP 一、Build-in Pipline升级到 URP 一、Build-in Pipline升级到 URP 安装URP包 升级所有材质&#xff08;升级完成后材质会变成紫红色&#xff0c;Shader丢失&#xff0c;此为正常现象&#xff09; 创建 UniversalRenderPipelineAsset 配置文…

java web 校园健康管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 java Web校园健康管理系统是一套完善的java web信息管理系统 &#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为 TOMCAT7.0,Myeclipse8.5开发&#xff0c;数据库为Mysq…

深入理解工厂模式:创建可复用的对象实例

这里写目录标题 前言简单工厂模式工厂方法模式抽象工厂模式总结 前言 工厂模式是一种常用的设计模式&#xff0c;它可以帮助我们更好地组织和管理代码&#xff0c;将对象的创建和使用分离开来&#xff0c;提高代码的可维护性和扩展性。 在软件开发中&#xff0c;我们经常会遇到…

C++拷贝构造函数、赋值学习整理:

拷贝构造函数&#xff1a; 概念&#xff1a; 构造函数的第一个参数&#xff0c;是类本身的const引用&#xff08;一般情况下没有其他参数&#xff0c;少数情况&#xff1a;其他参数必须有默认值&#xff01;&#xff09;称此类构造函数为拷贝构造函数 特征&#xff1a; 1&am…

使用Animate.css动画库

1.网站&#xff1a;Animate.css | A cross-browser library of CSS animations. 样式&#xff1a;Animate.css 一款强大的预设css3动画库 (jq22.com) 一、引入 命令提示符/终端&#xff1a; npm install animate.css --save 二、 全局导入&#xff08;在main.js&#xff0…

Obsidian笔记软件结合cpolar实现安卓移动端远程本地群晖WebDAV数据同步

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

如何编写高质量测试用例?

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 点击文末小卡片 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;薪资嘎嘎涨 测试场景&#xff1a; 为登录功能设计测试用例 测试员为什么要会编测试用例 测试员的目标是…

HAL STM32+EC11编码器实现增减调节及单击、双击、长按功能

HAL STM32EC11编码器实现增减调节及单击、双击、长按功能 &#x1f4fa;实现效果演示&#xff1a; &#x1f4d8;内容提要 &#x1f4dd;本文主要实现&#xff0c;通过STM32 HAL库开发&#xff0c;实现的EC11编码器功能&#xff0c;按键结合状态机思想实现的拓展单击、双击、…