[JS]对象

介绍

对象是一种无序的数据集合, 可以详细的描述某个事物

事物的特征在对象中用属性来表示, 事物的行为在对象中用方法来表示

使用

创建对象
let 对象名 = {属性名:值,方法名:函数,
}
let 对象名 = new Object();
对象名.属性 = 值;
对象名.方法名 = 函数;
  1. 对象的属性用来描述对象的信息, 一般是名词性的
  2. 属性名可以用引号包裹, 一般情况下省略, 除非名称包含特殊符号( 空格 / 中横线)
  3. 对象的方法用来描述对象的行为, 一般是动词性的
  4. 方法名可以用引号包裹, 一般情况下省略, 除非名称包含特殊符号( 空格 / 中划线 )
操作对象

访问

  • 对象名.属性名 // 常规访问
  • 对象名["属性名"] // 特殊访问
  • 对象名.方法名();

修改

  • 对象名.属性名 = 新值
  • 对象名.方法名 = 新函数

新增

  • 对象名.新属性名 = 值
  • 对象名.新方法名 = 函数

删除

  • delete 对象名.属性名 // 严格模式失效

遍历对象

不能像遍历数组一样遍历对象

  1. 对象没有像数组一样的length属性,所以无法确定长度
  2. 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

for(let k in 对象名) {console.log(k)         // 得到属性名(字符串)console.log(对象名[k])  // 得到属性值
}

内置对象

JS内部提供的对象, 包含各种属性和方法给开发者调用

Math对象

提供了一系列数据运算的方法

  • Math.max(); 最大值
  • Math.min(); 最小值
  • Math.ceil(); 向上取整
  • Math.floor; 向下取整
  • Math.random(); // 生成随机数, 0-1之间, 包含0不包含1, [0-1)
  • 查询更多: https://developer.mozilla.org/zh-CN/
// 生成0-10的随机数
Math.floor(Math.random() * (10 + 1))// 生成5-10的随机数
Math.floor(Math.random() * (5 + 1)) + 5// 生成n-m的随机数
Math.floor(Math.random() * (M - N + 1)) + N// 生成数组随机下标Math.floor(Math.random() * arr.length)

Data对象

提供了一些列和时间相关的方法

// 获取系统时间
const date = new Date()// 获取指定的时间对象
const date = new Date('2022-12-08')

对象方法

日期对象返回的数据不直观, 所以要经常的进行格式转换

<script>function getMyDate() {const date = new Date();let h =  date.getHours();let m =  date.getMinutes();let s =  date.getSeconds();h = h > 10 ? h : '0' + h;m = m > 10 ? m : '0' + m;s = s > 10 ? s : '0' + s;return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${h}:${m}:${s}`}console.log(getMyDate());</script>
<script>const date = new Date();console.log(date.toLocaleString());   // 2022/1/10 09:15:05 console.log(date.toLocaleDateString());  // 2022/1/10console.log(date.toLocaleTimeString());  // 09:15:05 
</script>
<script>const arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六',] arr[new Date().getDay()]
</script>

时间戳

1970年1月1日00时00分00秒起到现在的毫秒数, 是一种计量时间的方式, 用于实现时间的计算

// 方法1
cosnt date = new Date()
date.getTime()// 方法2 (推荐)
+new Date()
+new Date('2023-12-15 16:00:00')// 方法3
// 只能获取当前的时间戳
Date.now()
<script>// 1.计算剩余时间秒数// 剩余时间毫秒数 = 未来的时间戳 - 现在的时间戳const surplus = (+new Date('2024-8-12 12:00:00') - +new Date()) / 1000;// 2.转换时间格式let d = Math.floor(surplus / 60 / 60 / 24); // 剩余天数let h = Math.floor(surplus / 60 / 60 % 24); // 剩余小时let m = Math.floor(surplus / 60 % 60);      // 剩余分钟let s = Math.floor(surplus % 60);           // 剩余秒数// 3.拼接剩余时间const date = `${d}天${h}小时${m}分钟${s}秒`;console.log(date);
</script>
Set数据结构

定义:类似于数组,但是里面的成员是唯一的.

创建: 本身是一个构造函数.

1, const set = new Set();

2, set.size // 求集合大小(set里面包含几个元素)

数组去重:

let set1 = new Set([1,1,2,2,3]) //用Set数据结构去重

let arr = [...set1] //用扩展运算符解析Set

arr = [1,2,3] //得到的新数组就是去重的数组

增删改查:

用法: 可以用逗号隔开写多个值

let set = new Set()

set.add('a')

set.delete('a')

set.clear()

set.has('a')

add()方法 :添加功能,返回Set结构

delete()方法:删除功能,返回布尔值

has()方法:查找功能,返回布尔值

clear()方法:清空功能,清空全部值

遍历: forEach()方法

set.forEach(item=>{ log(item) })

item就是set数据结构的每一项

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

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

相关文章

【MySQL】记一次 SQL 优化

1 背景 我们的数据库中配置了一套慢 SQL 的监控(这里存在 SQL 本身不慢, 但是触发某些场景, 比如 filesort 等也会被采集), 会不定时的输出一批需要排查的 SQL, 下面挑了几条比较有意思的进行分享。 2 table_1 表结构: CEATE TABLE table_1 (column_1,column_2,column_3,co…

工业网关的功能与作用解析-天拓四方

在工业4.0和智能制造的时代背景下&#xff0c;工业网关作为连接现场设备与云端平台的桥梁&#xff0c;正发挥着日益重要的作用。它不仅为工业设备的远程监控和管理提供了可能&#xff0c;还为企业实现数字化转型和智能化升级提供了有力支持。本文将对工业网关的功能与作用进行解…

Python:基于TSFEL库对时间序列进行特征分析

1. TSFEL 时间序列作为主要TSFEL提取方法的输入传递&#xff0c;要么作为先前加载在内存中的数组传递&#xff0c;要么存储在数据集中的文件中。 由于TSFEL可以处理多维时间序列&#xff0c;因此随后应用了一套预处理方法&#xff0c;以确保信号质量足够和时间序列同步&#xf…

AI音乐大模型:深度剖析创意与产业的双重变革

随着AI技术的飞速发展&#xff0c;音乐大模型在最近一个月内纷纷上线&#xff0c;这一变革性技术不仅颠覆了传统的音乐创作方式&#xff0c;更是对整个音乐产业及创意产业带来了深远的影响。本文将从多个维度出发&#xff0c;深度剖析AI音乐大模型对创意与产业的双重变革。 一、…

ONLYOFFICE 8.1:引领桌面办公新潮流,功能升级全面提升

目录 一、ONLYOFFICE是什么&#xff1f; 二、功能完善的PDF编辑器 三、幻灯片版式升级 四、改进从右至左显示 五、新的本地化选项 六、多媒体功能增强 七、应用价值探讨 一、ONLYOFFICE是什么&#xff1f; ONLYOFFICE 是一款功能强大的办公套件&#xff0c;旨在提供全面…

acme.sh泛证书申请

说明: 1、想每个项目都接入域名+端口访问,所以通过acme.sh申请泛域名证书 2、阿里云域名解析,并且指定公网ip地址对应的公共Nginx服务 3、acme.sh证书只有3个月,所以要用shell自动续签证书 4、阿里云域名已解析,所以二级域名、三级域名能正常解析,如下图所示, 一、阿里云…

charles破解

一、Charles官网下载安装包二、安装charles三、charles破解 一、Charles官网下载安装包 根据自己电脑系统 官网下载即可。 链接: https://www.charlesproxy.com/download/latest-release/ 二、安装charles 点击下载的安装包&#xff0c;然后进行安装。 三、charles破解 打…

【认识3D打印技术:如何走进你的生活】

知名苹果产品分析师郭明錤透露&#xff0c;Apple Watch Series 10从今年下半年开始采用由3D打印技术生产的部件。苹果在去年的Apple Watch Series 9上曾试验过3D打印部件&#xff0c;但并没有大规模量产&#xff0c;而在经过大量的测试之后&#xff0c;3D打印大规模生产的效率似…

服务器如何实现SSH免密码登录?

目录 一、服务器和电脑的区别二、什么是SSH三、什么是免密码登录四、服务器如何实现SSH免密码登录 一、服务器和电脑的区别 服务器和电脑是两种不同类型的计算机系统&#xff0c;它们在设计、功能和用途上存在明显的区别。首先&#xff0c;从硬件配置上看&#xff0c;服务器通…

202406240944_数组知识总结

202406240944_数组知识总结 ✏随笔数组理论知识语法回顾C length()、size()、sizeof()三者的区别 (Weather::上海 ⛅多云&#xff0c;23~30℃ 良 冷风徐徐&#x1f32c;️) ✏随笔 数组理论知识 数组是存放在连续内存空间上的相同类型数据的集合。 数组下标都是从0开始的。 …

MySQL学习(3):SQL语句之DDL

1.SQL通用语法与分类 &#xff08;1&#xff09;通用语法 &#xff08;2&#xff09;分类 2.DDL 2.1数据库操作 show DATABASES; #查询所有数据库select DATABASE(); #查询当前数据库create DATABASE 数据库名称 [default charest 字符集] [collate 排列规则]; #default cha…

时序分析(二):input delay分析

一、IO接口分析基本模型 数据按照同步方式可分为系统同步和源同步方式两种。所谓系统同步指发送端和接收端共用一个时钟源&#xff1b;源同步指发送端提供数据同步时钟&#xff0c;接收端根据该时钟进行数据接收。现在多数通信中使用源同步方式&#xff0c;例如以太网、ADC等。…

游戏开发中常用Api

文章目录 Windows PowerShell1.PowerShell的执行策略 Git_Api1.初始化仓库2.设置全局邮箱和用户名3.ssh相关操作3.1.检查是否存在ssh3.2.生成ssh3.3.测试和仓库的ssh连接 4.与远程仓库的操作4.1.连接远程仓库4.2.取消连接4.3.拉取代码4.4.提交相关 5.分支操作5.1.修改要提交的分…

洗地机怎么选择最好?四大洗地机精选放心入手

在当今生活节奏飞快的社会中&#xff0c;人们越来越渴望拥有一款高性能、实用方便的家用洗地机&#xff0c;能够帮助我们节省大量的清洁时间。因为洗地机它是吸尘器的升级版&#xff0c;清洁力比扫地机器人更强&#xff0c;洗地机通过高速旋转的风机&#xff0c;产生超大吸力&a…

java-冒泡排序 2

### 9. 冒泡排序的变种冒泡排序有许多变种&#xff0c;例如鸡尾酒排序&#xff08;Cocktail Shaker Sort&#xff09;&#xff0c;它是冒泡排序的双向版本。鸡尾酒排序在每次遍历时&#xff0c;先从左到右&#xff0c;再从右到左&#xff0c;双向 地“冒泡”&#xff0c;使得排…

Unity之HTC VIVE Cosmos环境安装(适合新手小白)(一)

提示&#xff1a;能力有限&#xff0c;错误之处&#xff0c;还望指出&#xff0c;不胜感激&#xff01; 文章目录 前言一、unity版本电脑配置相关关于unity版本下载建议&#xff1a;0.先下载unity Hub1.不要用过于旧的版本2.不要下载最新版本或者其他非长期支持版本 二、官网下…

chatGPT?是什么,到底用了什么技术呢?

本文尽可能精简的讲解openai的chatgpt 文章目录 前言一、chatgpt是什么&#xff1f;1. 基础架构2. 训练过程3. 应用场景4. 技术特点5. 局限性 二、树形图ChatGPT 大致架构 总结 前言 随着人工智能的不断发展&#xff0c;Ai对话工具的使用也越来越广泛。由国外openai推出的chatg…

百日筑基第二天-随便学点

百日筑基第二天-随便学点 慢SQL发生的原因 缺乏索引&#xff1a;当查询中涉及的列没有合适的索引时&#xff0c;数据库管理系统可能需要执行全表扫描来查找匹配的行&#xff0c;这会大大增加查询时间。查询条件不当&#xff1a;复杂的查询条件、不必要的JOIN操作、过多的子查…

生命在于学习——Python人工智能原理(4.4)

三、Python的数据类型 3.2 Python的组合数据类型 特点&#xff1a;表示多个元素的组合&#xff0c;可以包含不同类型的元素&#xff0c;甚至是其他的组合数据类型。 在内存中通常需要额外的空间来存储元素间的关系。 组合数据类型能够将多个同类型或不同类型的数据组织起来&a…

stencil 简介

stencil 简介 stencil 出现的动机为何要学习 stencil 呢&#xff1f; stencil 是一个生成 Web Component 的编译器&#xff0c;但是其具有自己的特殊语法&#xff0c;使用 stencil 生成的组件可跨框架和在 html 中使用。 其号称结合了最流行框架(angular、react、vue)中的最好…