js拓展-内置对象

目录

1. 数组对象

1.1 数组的四种方式

1.2 JS中数组的特点

1.3 常用方法

2. 日期对象

2.1 日期对象的创建

2.2 日期对象的方法

2.3 案例:输出现在的时间

3. 全局对象

3.1 字符串转换成数字类型

3.2 编码解码函数


1. 数组对象

注:数组在JS中是一个类,通过构造方法创建对象。

1.1 数组的四种方式

创建数组的方式说明
new Array()无参的构造方法,创建一个长度为0的数组
new Array(5)有参的构造方法,指定数组的长度
new Array(2,4,10,6,41)有参的构造方法,指定数组中的每个元素
[4,3,20,6]使用中括号的方式创建数组

1.2 JS中数组的特点

1) 数组中的每个元素的类型是可以不同的。

2) 数组的长度可以动态变化

3) 数组中包含大量的方法,类似于Java中的集合,而Java中的数组没有方法。

//1. 创建一个长度为0的数组
var arr = new Array();
//2. 有参的构造方法,指定数组的长度
var arr = new Array(5);
//3. 有参的构造方法,指定数组中的每个元素
var arr = new Array(2,4,10,6);
//4. 使用中括号的方式创建数组
var arr = [4,3,20,6];
//创建一个数组,每个元素都不相同
var arr = [4, 'a', true, 3.14];
arr[3] = 100;
arr[5] = 99;
arr[7]= true;
document.write("数组的长度是:" + arr.length + "<hr/>");
//输出每个元素
for (var i = 0; i < arr.length; i++) {
document.write(arr[i] + "&nbsp;");
}

1.3 常用方法

方法名功能
concat()连接两个或更多的数组,并返回结果
reverse()将数组进行反转
join(separator)与split()功能相反,将数组通过分隔符,拼成一个字符串。
sort()

对字符串数组进行排序

如果要对数字进行排序,还可以指定比较器函数。 sort(function(m,n)) 数字两两比较

注意:m-n则升序,n-m则降序

var a1 = [1, 1, 1];
var a2 = [2, 2];
//拼接,返回新的数组
var a3 = a1.concat(a2);
document.write("a3: " + a3 + "<br/>");
//添加元素
var a4 = a3.concat(33, 44);
document.write("a4: " + a4 + "<br />");
//反转
a4.reverse();
document.write("a4: " + a4 + "<br />");
//将数组使用分隔符拼成一个字符串,功能上与split相反
var str = a4.join("^_^");
document.write("字符串:" + str + "<br/>");
//排序
//a) . 给字符串数组排序
var arr = ['jack', 'Rose', "Tom", "Jerry", "Kate"];
document.write("排序前:" + arr + "<hr />");
arr.sort();
document.write("排序后:" + arr + "<hr />");
//b). 字符串类型的数字排序
var arr = ["200", "3", "1234", "89", "21"];
document.write("排序前:" + arr + "<hr />");
arr.sort();
document.write("排序后:" + arr + "<hr />");
//c). 数字排序,默认也是按字符串的字典顺序排序
var arr = [30,26,6,110,1234];
document.write("排序前:" + arr + "<hr />");
//排序器
arr.sort(function (m,n) {
return n-m;
});
document.write("排序后:" + arr + "<hr />");

2. 日期对象

2.1 日期对象的创建

作用:Date 对象用于处理日期和时间。

创建 Date 对象的语法:var myDate=new Date()

2.2 日期对象的方法

方法名 作用
getFullYear()从 Date 对象以四位数字返回年份。
getMonth()从 Date 对象返回月份 (0 ~ 11)。
getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。其中:0表示周日,1~6周一到周六
getHours()返回 Date 对象的小时 (0 ~ 23)。
getMinutes()返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)。
getTime()返回 1970 年 1 月 1 日至今的毫秒数。类似于Java中的System.currentTimeMillis()
toLocaleString()根据本地时间格式,把 Date 对象转换为字符串。

2.3 案例:输出现在的时间

<script>
document.write("现在时间是:" + new Date()+ "<hr />")
document.write("现在时间是:" + new Date().toLocaleString()+ "<hr />")
</script>

3. 全局对象

全局属性和函数可用于所有内建的 javaScript 对象

3.1 字符串转换成数字类型

转换函数作用
parseInt()将一个字符串转成整数,如果一个字符串包含非数字字符,那么parseInt函数会从首字母开 始取数字字符,一旦发现非数字字符,马上停止获取内容。
parseFloat()将一个字符串转成小数,转换原理同上。
isNaN()转换前判断被转换的字符串是否是一个数字,非数字返回true

代码演示:

var a = "123abc123"; //字符串类型
var i = parseInt(a);
document.write(i+"<br/>");
var b = "3.14abc123";
i = parseFloat(b);
document.write(i);
//判断字符串是否为纯数字字符组成
var age = "1012";
document.write(isNaN(age)); //不是一个数字字符, 返回true.

3.2 编码解码函数

函数名称作用
encodeURI(URIstring)可把字符串作为 URI 进行编码
decodeURI(URIstring)可对 encodeURI() 函数编码过的 URI 进行解码。

代码演示:

<script>
var str = "http://www.baidu.com?wd=努力是一种态度";
document.write(str + "<hr/>");
//模拟url编码
str = encodeURI(str);
document.write(str + "<hr/>");
//对编码后的url进行解码
str = decodeURI(str);
document.write(str + "<hr/>");
</script>

欢迎大家指点评论~ 点赞+关注⭐⭐⭐

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

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

相关文章

企业如何进行数据分析,实现科学决策和业务增长

在当今信息时代&#xff0c;数据已经成为企业运营和发展的重要资源。企业拥有大量的数据&#xff0c;包括但不限于销售数据、客户数据、市场数据、企业内部管理数据等等&#xff0c;这些数据记录了企业的运营状况和业务发展情况。但是&#xff0c;这些数据如果不进行分析和利用…

尤雨溪:Vue 未来展望新的一轮

十年&#xff0c;一个既漫长又短暂的时光跨度&#xff0c;对于技术世界来说&#xff0c;更是沧海桑田的瞬间。在这十年里&#xff0c;Vue.js 从无到有&#xff0c;从默默无闻到蜚声全球&#xff0c;不仅改变了前端开发的面貌&#xff0c;更成为了无数开发者手中的得力工具。 在…

软件开发未来发展方向

传统的软件开发行业未来的趋势将会是更加自动化和智能化。随着人工智能和机器学习技术的发展&#xff0c;软件开发过程中的一些重复性、繁琐的工作将会被自动化取代&#xff0c;从而提高开发效率和质量。同时&#xff0c;随着物联网、大数据和云计算等技术的成熟&#xff0c;软…

react项目请求无法自动携带上一次请求的JSESSIONID

存在问题 页面依次发起多次请求&#xff0c;服务端会根据有无携带Set-Cookie从而生成新的JSESSIONID返回&#xff0c;前端需要在后续请求自动携带该值&#xff08;浏览器行为&#xff0c;无需代码控制&#xff09; 但目前的情况为&#xff1a;前端请求无法自动携带&#xff0c;…

建图以及DFS、BFS模板

(/≧▽≦)/~┴┴ 嗨~我叫小奥 ✨✨✨ &#x1f440;&#x1f440;&#x1f440; 个人博客&#xff1a;小奥的博客 &#x1f44d;&#x1f44d;&#x1f44d;&#xff1a;个人CSDN ⭐️⭐️⭐️&#xff1a;传送门 &#x1f379; 本人24应届生一枚&#xff0c;技术和水平有限&am…

蓝桥杯---列名

题目链接&#xff1a;列名 直接模拟出来了 import java.math.BigInteger; import java.util.Arrays; import java.util.LinkedList; import java.util.Queue; import java.util.Scanner;public class Main {public static void main(String[] args) {StringBuilder snew String…

高效实用|ChatGPT指令/提示词/prompt/AI指令大全,基础版

大家好&#xff0c;我是淘小白~ 整理了一些关于chatpgt的指令文档分享给大家~ 如果对你有用记得点赞、关注、收藏哦~ 基础版指令主要用于简单任务和场景&#xff0c;英语翻译&#xff0c;发散问答&#xff0c;文章故事写作&#xff0c;周报生成等&#xff0c;在使用过程中&a…

Pytest教程:详解Pytest的三种多级断言方法

当涉及到测试代码时&#xff0c;多级断言可以提供更全面的测试覆盖&#xff0c;并且允许开发者一次性检查多个方面的代码行为。在 Pytest 中&#xff0c;有三种主要的方式来实现多级断言&#xff1a;使用多个普通的 assert 语句、使用 pytest-assume 插件以及使用 pytest-check…

【RT-DETR有效改进】全新的SOATA轻量化下采样操作ADown(轻量又涨点,附手撕结构图)

一、本文介绍 本文给大家带来的改进机制是利用2024/02/21号最新发布的YOLOv9其中提出的ADown模块来改进我们的Conv模块,其中YOLOv9针对于这个模块并没有介绍,只是在其项目文件中用到了,我将其整理出来用于我们的RT-DETR的项目,经过实验我发现该卷积模块(作为下采样模块)…

Node:解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案

问题描述&#xff1a; 报错&#xff1a;Error: error:0308010C:digital envelope routines::unsupported 报错原因&#xff1a; 主要是因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制&#xff0c;nodeJs v17 之前版本没影响&#xff0c…

多路归并总结

1.鱼塘钓鱼 1262. 鱼塘钓鱼 - AcWing题库 多路归并的模型。 对于每个鱼塘构成的等差数列&#xff0c;我们每次在数列最头部进行选择&#xff0c;选完后再顺延到下一个数即可。我们可以通过维护一个包含所有等差序列首元素的大根堆&#xff0c;使每次可以很容易地选出最大的数…

Vivado使用记录(未完待续)

一、Zynq开发流程 二、软件安装 三、软件使用 字体大小修改&#xff1a;Setting、Font 四、Vivado基本开发流程 1、创建工程 Quick Start 组包含有 Create Project&#xff08;创建工程&#xff09;、 Open Project&#xff08;打开工程&#xff09;、 Open Example Project&…

List之ArrayList、LinkedList深入分析

集合 Java 集合&#xff0c; 也叫作容器&#xff0c;主要是由两大接口派生而来&#xff1a;一个是 Collection接口&#xff0c;主要用于存放单一元素&#xff1b;另一个是 Map 接口&#xff0c;主要用于存放键值对。对于Collection 接口&#xff0c;下面又有三个主要的子接口&…

《剑指 Offer》专项突破版 - 面试题 75 : 数组相对排序(C++ 实现)

目录 计数排序详解 面试题 75 : 数组相对排序 计数排序详解 计数排序是一种线性时间的整数排序算法&#xff0c;其算法步骤为&#xff1a; 找出待排序数组 nums 中的最小值和最大值&#xff08;分别用 min 和 max 表示&#xff09;。 创建一个长度为 max - min 1、元素初始…

洗衣洗鞋店小程序对接水洗唛打印,一键预约,支付无忧

随着社会的进步和科技的发展&#xff0c;我们的生活幸福感与日俱增。为了让我们从琐碎中解脱出来&#xff0c;干洗店洗鞋店行业也日新月异。今天&#xff0c;我为大家推荐这款优秀的干洗店小程序系统&#xff0c;让您的洗衣洗鞋服务体验更上一层楼。 干洗店管理系统是一款专为洗…

阿里云和腾讯云区别价格表,云服务器费用对比2024年最新

2024年阿里云服务器和腾讯云服务器价格战已经打响&#xff0c;阿里云服务器优惠61元一年起&#xff0c;腾讯云服务器61元一年&#xff0c;2核2G3M、2核4G、4核8G、4核16G、8核16G、16核32G、16核64G等配置价格对比&#xff0c;阿腾云atengyun.com整理阿里云和腾讯云服务器详细配…

python基础6_变量的使用

上篇博客讲了什么是变量, 对吧,那么这篇呢来先讲一讲变量的命名 在生活中,很多东西都有规范,对吧,比如我们给孩子取名,我们是不是得跟父母一个性,你要跟隔壁老王一个姓,是不是就不太合适, 比如你取名最好是2-4位对吧,你取个尼古拉斯赵四,是不是也不太符合我们平常的审美. 变量…

力扣热题100_普通数组_73_矩阵置零

文章目录 题目链接解题思路解题代码 题目链接 73.矩阵置零 给定一个 m x n 的矩阵&#xff0c;如果一个元素为 0 &#xff0c;则将其所在行和列的所有元素都设为 0 。请使用 原地 算法。 示例 1&#xff1a; 输入&#xff1a;matrix [[1,1,1],[1,0,1],[1,1,1]] 输出&…

lvs集群介绍

目录 一、LVS集群基本介绍 1、什么是集群 2、集群的类型 2.1 负载均衡群集&#xff08;Load Balance Cluster) 2.2 高可用群集(High Availiablity Cluster) 2.3 高性能运算群集(High Performance Computing Cluster) 3、负载均衡集群的结构 ​编辑 4、LVS集群类型中的…