【JavaScript】JavaScript开篇基础(3)

news2024/10/23 17:30:14

1.❤️❤️前言~🥳🎉🎉🎉

Hello, Hello~ 亲爱的朋友们👋👋,这里是E绵绵呀✍️✍️。

如果你喜欢这篇文章,请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣,记得关注我👀👀以便不错过每一篇精彩。

当然,如果在阅读中发现任何问题或疑问,我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力,一起进步!

加油,一起CHIN UP!💪💪

🔗个人主页:E绵绵的博客
📚所属专栏:

1. JAVA知识点专栏

        深入探索JAVA的核心概念与技术细节

2.JAVA题目练习

        实战演练,巩固JAVA编程技能

3.c语言知识点专栏

        揭示c语言的底层逻辑与高级特性

4.c语言题目练习

        挑战自我,提升c语言编程能力

5.Mysql数据库专栏

        了解Mysql知识点,提升数据库管理能力

6.html5知识点专栏

        学习前端知识,更好的运用它

7. css3知识点专栏

        在学习html5的基础上更加熟练运用前端

8.JavaScript专栏

        在学习html5和css3的基础上使我们的前端使用更高级

📘 持续更新中,敬请期待❤️❤️

2.对象 

在 JavaScript 中,对象(Object)是一种用于存储键值对和更复杂数据结构的基本数据类型。对象是一组属性的无序集合,其中每个属性都由(key)和(value)组成。键通常是字符串,值可以是任意类型的 JavaScript 数据,包括数字、字符串、函数、数组和其他对象。

创建对象的方式

对象字面量 这是最常见的创建对象的方式,使用大括号 {} 来定义一个对象。 

let person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello, ' + this.name);
  }
};

 使用 new Object() 构造函数

let person = new Object();
person.name = 'John';
person.age = 30;
person.greet = function() {
  console.log('Hello, ' + this.name);
};

 使用构造函数创建对象 你也可以定义一个构造函数来创建对象。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    console.log('Hello, ' + this.name);
  };
}

let person = new Person('John', 30);

这里的this跟java中的this很像,所以在用对象中的变量属性时前面都要加一个this,以防发生不必要的错误。

注意构造函数是特殊函数,不需要返回值,其函数名开头需大写。 

使用对象的属性(变量和方法) 

 使用变量有两种:

person.age = 31;
person.city = 'New York';  // 新增属性
person['age'] = 31;
person['city'] = 'New York';  // 新增属性

 使用方法:

let person = {
  name: 'Alice',
  age: 25,
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 调用对象的方法
person.greet();  // 输出: 'Hello, my name is Alice'

for...in 遍历对象 

const obj = {
    name: 'Alice',
    age: 25,
    city: 'New York'
};

for (const key in obj) {
    
        console.log(key+":"+obj[key]);
    
}

3.内置对象 

JavaScript 提供了一些内置对象,它们提供了许多常用的功能,用于操作数据、执行常见的任务以及处理其他与编程相关的操作。这些内置对象可以直接在任何 JavaScript 环境中使用,不需要导入或安装。

Math 

 Math 是 JavaScript 中的一个内置对象,它提供了一组用于执行数学计算的静态属性和方法。Math 对象不需要创建实例,所有的属性和方法都可以直接通过 Math 调用。

常用的 Math 属性 

常用的 Math 方法 

需要注意的是random()生成随机数时它生成的是多位小数。

所以一般对我们想要得到两个数之间的随机整数 并且 包含这2个整数,我们有以下公式:

function getRandom(min, max{
return Math.floor(Math.random()*(max-min +1))+ min;
}
console.1og(getRandom(1,10));

使用该公式后能得到一到十的随机整数,包含一和十。

 Date

创建 Date 对象

可以通过以下几种方式创建 Date 对象:

// 当前日期和时间
let currentDate = new Date();

// 使用指定的日期和时间
let specificDateTime = new Date("2024-10-13 10:30:00"); 
let anotherDateTime = new Date(2024, 9, 13, 10, 30, 0); // 年、月(从0开始)、日、时、分、秒

其中有多个参数的创建方式由于月份从0开始计算,所以传输的月份比实际的少一个月,不推荐用该方式,用字符串方式更准确。

获取日期和时间 

let now = new Date();

// 获取年份
let year = now.getFullYear();  // 2024

// 获取月份 (0 - 11, 0为一月)
let month = now.getMonth();    // 9 (表示10月)

// 获取日期 (1 - 31)
let day = now.getDate();       // 13

// 获取星期几 (0 - 6, 0为星期日)
let weekDay = now.getDay();    // 0 (表示星期日)

// 获取小时 (0 - 23)
let hour = now.getHours();     // 10

// 获取分钟 (0 - 59)
let minute = now.getMinutes(); // 30

// 获取秒数 (0 - 59)
let second = now.getSeconds(); // 0

// 获取毫秒 (0 - 999)
let millisecond = now.getMilliseconds(); // 500

注意月份返回出来的会少一个月,所以要加一。

而获取星期这个函数返回出来的0表示的是星期日,一般我们用数组去表示。

 时间戳

在 JavaScript 中,时间戳通常指的是自 1970 年 1 月 1 日 00:00:00 起经过的毫秒数。你可以通过以下方式获取和操作时间戳:

 

  

Array

创建数组

 

数组的常见操作

  添加元素:

删除元素:

 查找元素:

 数组排序:

在 JavaScript 中,sort() 方法用于对数组中的元素进行排序.  默认情况下,sort() 会将元素按照 Unicode 字符顺序 排序,也就是将元素作为字符串进行比较。然而,如果想按照数字大小、日期顺序等进行排序,通常需要传递一个比较函数来定制排序规则。




数组转换为字符串 


String 

字符串的创建:

字符串的方法

 字符串的不可变性

字符串在 JavaScript 中是不可变的,也就是说,字符串一旦创建,其内容无法更改。所有修改字符串的方法,如 replace())都会返回一个新字符串,而不会修改原始字符串。

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

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

相关文章

【微信小程序_11_全局配置】

摘要:本文介绍了微信小程序全局配置文件 app.json 中的常用配置项,重点阐述了 window 节点的各项配置,包括导航栏标题文字、背景色、标题颜色,窗口背景色、下拉刷新样式以及上拉触底距离等。通过这些配置可实现小程序窗口外观的个性化设置,提升用户体验。 微信小程序_11_全…

总看别人写贪吃蛇,自己也来写一个吧

贪吃蛇是一个流行度非常高的游戏,玩法十分简单,从最初的方块机上就有这个游戏了,后来出现的手机中也是加入了这个游戏,无聊的时候可以打发时间玩一会。这个游戏可谓是非常的简单,容易上手,所以直到现在&…

番外篇 | 常用的激活函数汇总 | 20+种激活函数介绍及其公式、图像等

前言:Hello大家好,我是小哥谈。激活函数(Activation Function)是神经网络中的一种重要概念,用于控制神经网络中神经元的激活方式。在传统的神经网络中,激活函数被用来将神经元的输出从数值转换为可以被神经网络其他部分理解的非数值形式。激活函数通常被定义为神经元的输…

电能表预付费系统-标准传输规范(STS)(2)

5. 标准传输规格参考模型 5.1 一般付费电表功能参考图 In a single-device payment meter all the essential functions are located in a single enclosure as depicted in Figure 1 above, while in a multi-device payment meter it is possible for the TokenCarrierToMe…

Pagehelper获取total错误

前言 在使用若依框架的pagehelper时,给分页表设置数据的时候前端只收到了分页的那一页的数据,总记录数不符合要求 我想要的效果如下,可以实现分页,和显示总记录数 但是实际情况为 但是我的数据库有11条记录,他这里明…

【python学习】1-2 配置python系统环境变量

1.点击“我的电脑”右键,点击属性,点击“高级系统设置”,再点击环境变量。 2.选择“系统变量”中的Path后,点击编辑。 3.点击新建,添加如图两个路径,即是python安装的路径位置后,点击确定。

前端脚手架插件安装总结(axios,element-ui,bootstrap,echarts等)

1.打开前端项目终端 输入命令 vue ui 进入图形化界面 a.选择插件 b.选择添加插件 c.安装插件 d.完成安装

手写mybatis之完善ORM框架,增删改查操作

前言 目前这个框架中所提供的 SQL 处理仅有一个 select 查询操作,还没有其他我们日常常用的 insert、update、delete,以及 select 查询返回的集合类型数据。 其实这一部分新增处理 SQL 的内容,也就是在 SqlSession 需要定义新的接口&#xff…

Java 读取word , 作为私有知识库做RAG答疑

检索与生成的技术(RAG),可以提升文本精准度与企业数据相关性 检索增强生成 (RAG) 是一种技术,它结合了检索模型和生成模型,旨在通过私有或专有的数据源来辅助文本生成。在使用大模型时,一个常见问题是模型可能会产生“…

利用Spring Boot优化企业知识管理

1系统概述 1.1 研究背景 如今互联网高速发展,网络遍布全球,通过互联网发布的消息能快而方便的传播到世界每个角落,并且互联网上能传播的信息也很广,比如文字、图片、声音、视频等。从而,这种种好处使得互联网成了信息传…

【Java SE】数组的应用

🔥博客主页🔥:【 坊钰_CSDN博客 】 欢迎各位点赞👍评论✍收藏⭐ 目录 1. 数组的概念 1.1 为什么存在数组 1.2 数组是什么 1.3 数组的创建 1.4 数组的初始化 1.4.1 动态初始化 1.4.2 静态初始化 1.4.3 默认值 1.5 数组的使…

【最新华为OD机试E卷-支持在线评测】英文输入法(100分)多语言题解-(Python/C/JavaScript/Java/Cpp)

🍭 大家好这里是春秋招笔试突围 ,一枚热爱算法的程序员 💻 ACM金牌🏅️团队 | 大厂实习经历 | 多年算法竞赛经历 ✨ 本系列打算持续跟新华为OD-E/D卷的多语言AC题解 🧩 大部分包含 Python / C / Javascript / Java / Cpp 多语言代码 👏 感谢大家的订阅➕ 和 喜欢�…

AD之Layout设计规则

设计规则&#xff1a; 间距 线宽 过孔 铺铜 其他 1.添加类 这里建立了PWR类&#xff0c;与电源相关的网络 2.间距规则:6mil的成本低 3.线宽规则&#xff1a;PWR的优先级排第一&#xff0c;否则不起作用 4.过孔规则&#xff1a;8mil<大小<12mil 4.铺铜规则

音视频开发:FFmpeg库的使用

文章目录 一、FFmpeg的介绍二、FFmpeg的安装三、FFmpeg的使用1.ffplay&#xff1a;播放音视频2.ffprobe&#xff1a;查看视频信息3.ffmpeg&#xff1a;处理视频(1)格式转换(2)帮助 四、参考资料 一、FFmpeg的介绍 FFmpeg 是使用广泛的多媒体框架&#xff0c;是一个强大的音视频…

LeetCode讲解篇之740. 删除并获得点数

文章目录 题目描述题解思路题解代码题解链接 题目描述 题解思路 首先对于这题我们如果将所有点数装入一个切片f中&#xff0c;该切片f中的i号下标表示所有点数为i的点数之和 那么这题就转换成了打家劫舍这道题&#xff0c;也就是求选择了切片中某个下标的元素后&#xff0c;该…

观察者模式和发布-订阅模式的区别

观察者模式是&#xff0c;当被观察者的数据发生变化时&#xff0c;调用被观察者的 notify 方法&#xff0c;去通知所有观察者执行 update 方法进行更新&#xff1b; 对于发布-订阅模式&#xff0c;首先发布者与订阅者互相并不知道彼此的存在&#xff0c;他们是通过事件中心来进…

Element中el-table组件设置max-height右侧出现空白列的解决方法

之前就出现过这个情况&#xff0c;没理过&#xff0c;因为不影响啥除了不美观...但今天看着实在是难受&#xff0c;怎么都不顺眼(可能是我自己烦躁--) 试了很多网上的方法&#xff0c;都不得行&#xff0c;后面发现了这篇文章&#xff0c;解决了! 感谢&#xff01; Element中t…

微知-Mellanox 网卡和NVIDIA Bluefield DPU如何备份firmware?

某些场合需要从网卡或者DPU上读取网卡的firmware 备份命令&#xff1a; flint -d 06:00.0 ri 1.bin实操&#xff1a; 注意&#xff1a; 有些网卡不支持到处firmware

工具软件分享:11个免费的 android数据恢复应用程序功能分析

在手机上丢失数据是一个很大的错误。但是&#xff0c;在这种情况下&#xff0c;除了惊慌失措之外&#xff0c;最好开始使用android数据恢复应用程序搜索以查找将其取回的方法。您可以检查手机的备份存储以在Android上进行数据恢复&#xff0c;但是如果数据仍然无处可寻&#xf…

elementui时间选择器time-picker返回值不对的问题

1. 问题 天杀的elementui的time-picker&#xff0c;导致我开发的系统出现了一次生产问题&#xff0c;原因竟然是因为组件库的bug&#xff01;直接上截图。 如图&#xff0c;正常情况下&#xff0c;选择时间后&#xff0c;想要得到的值理应是当天的时间&#xff0c;如图是当年…