Day5 JS基础-对象

5.1 概念

js里的一种数据类型,无序的数据的集合

5.2 对象使用
  • 语法:let 对象名={ }

  • 对象由属性和方法组成

    属性:名词

    方法:动词

    let 对象名={

    属性名:属性值,

    方法名:函数

    }

    查:对象名.属性 或 对象名['属性名']

    增:对象名.新属性名=新属性值

    删:delete 对象名.属性名

    改:对象名.属性名=新属性值

  • 对象中的方法

5.3 遍历对象
  • let obj={

    ...

    }

    for(let k in obj){

    console.log(obj[k])

    }

    // 遍历对象 for inlet obj = {uname: 'pink老师',age: 18,gender: '男'}for (let k in obj) {console.log(obj[k])}

5.4 内置对象
  • Math

    random:生成 [0-1) 之间的随机数

    ceil:向上取整

    floor:向下取整

    max:找最大数

    min:找最小数

    pow:幂运算

    abs:绝对值

         
    // 内置对象:自带的对象console.log(Math)// 圆周率console.log(Math.PI)// 向下取整,变小console.log(Math.floor(4.9))  //4// 向上取整,变大,只针对小数 3.0向上取整还是3.0console.log(Math.ceil(4.1))  //5console.log(Math.ceil(4.0))  //4// 四舍五入console.log(Math.round(-3.4))  // -3console.log(Math.round(-3.9))  // -4// 绝对值console.log(Math.abs(-4.1))  //4.1// 最大值,最小值console.log(Math.max(3, 4, 6))  //6console.log(Math.min(3, 4, 6))  //3console.log(Math.min([3, 4, 6]))  //NaN   只能是一组数据,不能是一个数组

5.5 随机函数

Math.random()是返回 [0,1) 之间的随机数

  // 随机数,[0,1)之间的随机数console.log(Math.random())// 随机整数function getRandom(min, max) {return Math.floor(Math.random() * (max - min + 1)) + min}var num = getRandom(10, 100)console.log(num)
function getRandom(min, max) {return Math.floor(Math.random() * (max - min + 1)) + min}var random = getRandom(1, 50)for (let i = 0; i < 10; i++) {let num = +prompt('请输入1-50之间的整数:')if (num > random) {alert('猜大了')} else if (num < random) {alert('猜小了')} else {alert('中奖了')}}
5.6 日期对象

Date 对象和 Math 对象不一样,Date是一个构造函数,所以使用时需要实例化后才能使用其中具体方法和属性

Date 实例用来处理日期和时间

  • 使用Date实例化日期对象

    • 获取当前时间必须实例化:

    var now = new Date();
    • 获取指定时间的日期对象

    var future = new Date('2023/5/1');

    注意:如果创建实例时并未传入参数,则得到的日期对象是当前时间对应的日期对象

  • 使用Date实例的方法和属性

  • 通过Date实例获取总毫米数

    • 总毫秒数的含义

      基于1970年1月1日(世界标准时间)起的毫秒数

    • 获取总毫秒数

        console.log(new Date())  //中国标准时间console.log(+new Date())  //毫秒数 1970.01.01-此时此刻的毫秒数console.log(Date.now())  //毫秒数(h5新增的方法,有兼容性)

  • 案例1:获取现在的时间,并以官方格式打印在控制台

      var date=new Date()var y = date.getFullYear() < 10 ? '0' + date.getFullYear() : date.getFullYear()var m = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1var d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()var ms = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()console.log(y + '/' + m + '/' + d + ' ' + h + ':' + ms)
    ​
  • 案例2:用函数封装倒计时

    function getCountDown(t) {var nowDate = +new Date()var newDate = +new Date(t)var time = (newDate - nowDate) / 1000  //1s=1000msvar d = parseInt(time / 60 / 60 / 24)var h = parseInt(time / 60 / 60 % 24)var m = parseInt(time / 60 % 60)var s = parseInt(time % 60)return '倒计时:'+d+'天'+h+'时'+m+'分'+m+'秒'}var time=getCountDown('2024/3/8 20:00:00')console.log(time)
5.7 字符串对象
  1. 查找字符所在位置的索引-indexOf()

    符合条件的第一个元素

        var str='hello world'console.log(str.indexOf('l'))  //2
  2. 替换字符串

    字符串名.replace(被替换的字符串,新的字符串)

    字符串名.replaceAll(被替换的字符串,新的字符串)

    var str='hello world'
    console.log(str.replace('l','哈哈'))  //he哈哈lo world
    console.log(str.replaceAll('l','哈哈'))  //he哈哈lo world
  3. substr(开始截取下来的索引,截取元素的个数)-------已废弃

  4. splice() 方法提取字符串的一部分,并将其作为新字符串返回,而不修改原始字符串

  5. concat() :返回新字符串,不改变原来的字符串

  6. charAt(索引数值) 根据索引返回字符

        var str='hello world'console.log(str.substr(0,3))  //helconsole.log(str.concat('你好世界'))  //hello world你好世界console.log(str.charAt(0))  //h

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

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

相关文章

【贪心算法】最大子序和

给你一个整数数组 nums &#xff0c;请你找出一个具有最大和的连续子数组&#xff08;子数组最少包含一个元素&#xff09;&#xff0c;返回其最大和。 子数组是数组中的一个连续部分。 示例 1&#xff1a; 输入&#xff1a;nums [-2,1,-3,4,-1,2,1,-5,4] 输出&#xff1a;6…

Android中的传感器类型和接口名称

本文将介绍传感器坐标轴、基础传感器和复合传感器&#xff08;动作传感器、姿势传感器、未校准传感器和互动传感器&#xff09;。 1. 传感器坐标轴 许多传感器的传感器事件值在相对于设备静止的特定坐标系中表示。 1.1 移动设备坐标轴 Sensor API 仅与屏幕的自然方向相关&a…

java linq 关于常用list的表达式

在Java中&#xff0c;LINQ&#xff08;Language-Integrated Query&#xff09;并非原生支持&#xff0c;而是主要与C#相关。然而&#xff0c;Java 8引入了Stream API&#xff0c;这是一种功能相似的概念&#xff0c;允许通过lambda表达式进行集合操作&#xff0c;类似于LINQ。虽…

【每日一题】1976. 到达目的地的方案数-2024.3.5

题目: 1976. 到达目的地的方案数 你在一个城市里,城市由 n 个路口组成,路口编号为 0 到 n - 1 ,某些路口之间有 双向 道路。输入保证你可以从任意路口出发到达其他任意路口,且任意两个路口之间最多有一条路。 给你一个整数 n 和二维整数数组 roads ,其中 roads[i] = […

mac上传本地文件到远程阿里云

在Mac上将本地文件上传到远程阿里云服务器通常通过SSH协议实现&#xff0c;最常用的命令是scp&#xff08;安全复制&#xff09;。在使用scp之前&#xff0c;请确保您有远程服务器的SSH访问权限&#xff0c;并知道服务器的IP地址&#xff08;或域名&#xff09;、SSH端口&#…

LeetCode 1641.统计字典序元音字符串的数目

给你一个整数 n&#xff0c;请返回长度为 n 、仅由元音 (a, e, i, o, u) 组成且按 字典序排列 的字符串数量。 字符串 s 按 字典序排列 需要满足&#xff1a;对于所有有效的 i&#xff0c;s[i] 在字母表中的位置总是与 s[i1] 相同或在 s[i1] 之前。 示例 1&#xff1a; 输入…

微信小程序 提交表单

微信小程序form如何提交表单 - 简书 <form bindsubmit"formSubmit">

JavaScript的for循环与双重for循环,妈妈再也不用担心我找工作了

学习路线 第一阶段&#xff1a;网页制作 HTML&#xff1a;常用标签&#xff0c;锚点&#xff0c;列表标签&#xff0c;表单标签&#xff0c;表格标签&#xff0c;标签分类&#xff0c;标签语义化&#xff0c;注释&#xff0c;字符实体 CSS&#xff1a;CSS介绍&#xff0c;全局…

解决MySQL 5.7在Redhat 9中启动报错:libncurses.so.5和libtinfo.so.5缺失问题

在使用Linux系统搭建MySQL数据库的过程中&#xff0c;我们往往会遇到各种依赖库的问题&#xff0c;尤其是在安装较旧版本的MySQL时。最近&#xff0c;在RedHat 9&#xff08;rocky linux 9&#xff09;系统上安装MySQL 5.7版本时&#xff0c;我遇到了一个典型的依赖库缺失错误&…

无法枚举容器内对象 访问被拒绝

一、什么是“无法枚举容器中的对象。访问被拒绝”错误&#xff1f; 在Windows设备当中&#xff0c;对文件或文件夹的权限进行设置可以有效地保护隐私内容。因此&#xff0c;管理员账户可以对权限进行更改&#xff0c;并且有权决定是否将内容共享给多个用户使用。但是在某些情况…

如何使用Python操作MySQL的各种功能?高级用法?

当今互联网时代&#xff0c;数据处理已经成为了一个非常重要的任务。而MySQL作为一款开源的关系型数据库&#xff0c;被广泛应用于各种场景。本篇博客将介绍如何使用Python操作MySQL的各种功能&#xff0c;以及一些高级用法。 连接MySQL 在Python中&#xff0c;我们可以使用p…

在Vue中搭建Three.js环境(超详细、保姆级),创建场景、相机、渲染器《一》

目录 Three.js简介创建vue项目引入Three.js实际操作环节文件目录创建初始化场景、相机 Three.js简介 Three.js 是一款基于 WebGL的 JavaScript 3D 库&#xff0c;它封装了 WebGL API&#xff0c;为开发者提供了简单易用的 API 来在 Web 浏览器中展示 3D 图形。Three.js 提供了…

c++设计模式总结

C设计模式是一套被广泛认可的用于解决常见对象导向设计问题的最佳实践。设计模式可以帮助开发者编写更加清晰、可维护和可扩展的代码。设计模式通常分为三大类&#xff1a;创建型、结构型和行为型。下面&#xff0c;我将分别介绍这三类设计模式的概念、应用场景和C实现示例。 …

将List转换为数组或者将数组转换为List,如果改变了原始值,转换后的数据会发生改变吗?

将List转换为数组或将数组转换为List涉及到数据结构的变化。在Java中&#xff0c;这两种转换是否会影响原始数据取决于转换的方式和使用的数据结构。下面分别解释这两种情况&#xff1a; 将List转换为数组 当你将一个List转换为数组时&#xff0c;通常通过List的toArray()方法…

CUDA学习笔记04:向量之和

参考资料 CUDA编程模型系列二(向量操作)_哔哩哔哩_bilibili &#xff08;非常好的学习资料&#xff01;&#xff09; vs2019 随意新建一个空项目&#xff0c;按照之前的环境配置配好项目依赖&#xff1a; CUDA学习笔记02&#xff1a;测试程序hello world-CSDN博客 代码结构…

JavaScript的事件初始

JavaScript 的事件初识 基本概念 html和JS做的一个约定。浏览器需要监听用户做了什么样的操作&#xff0c;并对用户的操作进行对应的反馈&#xff0c;从而形成一个动态的页面效果。 用户对于页面的一些操作(点击, 选择, 修改等) 操作都会在浏览器中产生一个个的事件。 事件的三…

《 前端挑战与未来:如何看待“前端已死”》

在技术领域&#xff0c;时常会有一些激进的言论引发热议&#xff0c;比如近年来不少人声称“前端已死”。这样的言论引发了广泛的讨论和反思。本文将从几个方向探讨这个话题&#xff1a;为什么会出现“前端已死”的言论、如何看待这种说法、前端技术的未来发展趋势以及前端人如…

MS8911S/8921S/8922M/8931S——4ns 延时、轨到轨高速比较器

产品简述 MS8911S/MS8921S/MS8922M/MS8931S 是一款具 有内部迟滞的高速比较器。其电源电压范围为 3.0V- 5.5V &#xff0c;输入和输出范围均可做到轨到轨。其输出为推 挽结构&#xff0c;兼容 CMOS/TTL 逻辑电平标准。传输延时为 4ns &#xff0c;且失调电压低。单一比…

在虚拟机vm下的Linux系统下 安装redis 超详细

打开Linux后 右键打开终端 1.输入:su root 登录root 密码是123456 2.然后输入:yum -y install gcc-c 安装gcc基础依赖包 3.yum -y install centos-release-scl 4.yum -y install devtoolset-9-gcc devtoolset-9-gcc-c devtoolset-9-binutils //为了编译最新版本的Redis源码 用…

二维码门楼牌管理系统应用场景:城市规划与土地管理的新利器

文章目录 前言一、城市规划部门的新助手二、门牌数据的深度应用三、支持可持续城市发展四、与城市规划部门的联动 前言 随着科技的不断进步&#xff0c;二维码技术已经深入到我们生活的方方面面。在城市规划与土地管理领域&#xff0c;二维码门楼牌管理系统正成为一项革命性的…