JavaScript 常用对象（String 对象、Array 对象、Date 日期对象、Math 对象）

最新推荐文章于 2024-08-13 21:45:10 发布
最新推荐文章于 2024-08-13 21:45:10 发布
阅读量2.2k 收藏 8
点赞数
分类专栏： JavaWeb 文章标签： JavaScript常用对象 String对象 Array对象 Date日期对象 Math对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/One_L_Star/article/details/99680462
版权

目录

一、String 对象

1、属性

2、常用方法

二、Array 对象

1、属性

2、常用方法

三、Date 日期对象

1、创建 Date 日期对象

2、常用方法

四、Math 对象

一、String 对象

1、属性

  • length：表示字符串的长度

2、常用方法

【1】与 HTML 相关的方法

  • bold()：加粗
  • fontcolor()：设置字符串的颜色
  • fontsize()：设置字体大小
  • link()：将字符串显示成超链接
  • sub() 和 sup() 方法：上标和下标

【2】与 Java 相关的方法

  • concat()：字符串连接
  • charAt()：返回指定位置的字符串
  • indexOf()：返回字符串位置
  • split()：切分字符串为数组
  • replace()：替换字符串
  • substr() 和 substring()：截取指定长度字符串
  • lastIndexOf(val,pos):从后往前检索
  • match(regex): 匹配正则表达式，不匹配为null
  • toLowerCase():转换为小写
  • toUpperCase():转换为大写
<html>
	<head>
		<title>oneStar</title>
	</head>
	<body>
		<script type="text/javascript">
			//length属性
			var str1 = "oneStar";
			document.write(str1.length);
			document.write("<hr/>");
			
			//bold()：加粗
			var str2 = "twoStar";
			document.write(str2.bold());
			document.write("<hr/>");
			
			//fontcolor()：设置字符串的颜色
			var str3 = "threeStar";
			document.write(str3.fontcolor("red"));
			document.write("<hr/>");
			
			//fontsize()：设置字体大小
			var str4 = "fourStar";
			document.write(str4.fontsize(7));
			document.write("<hr/>");
			
			//link()：将字符串显示成超链接
			var str5 = "fiveStar";
			document.write(str5.link("../html/img1.html"));
			document.write("<hr/>");
			
			//sub() 和 sup() 方法：上标和下标
			var s1 = "2";
			var s2 = "100";
			var s3 = "3";
			document.write(s1.sub());
			document.write(s2);
			document.write(s3.sup());
			document.write("<hr/>");
			
			//concat()：字符串连接
			var st1 = "oneStar";
			var st2 = "Lstar";
			document.write(st1,st2);
			document.write("<hr/>");
			
			//charAt()：返回指定位置的字符串
			var st3 = "twoStar";
			document.write(st3.charAt(3));
			document.write("<hr/>");
			
			//indexOf()：返回字符串位置
			var st4 = "threeStar";
			document.write(st4.indexOf("S"));
			document.write("<hr/>");
			
			//split()：切分字符串为数组
			var st5 = "L-O-V-E";
			var arr = st5.split("-");
			for(var i=0;i<arr.length;i++){
				document.write(arr[i]);
			}
			document.write("<hr/>");
			
			//replace()：替换字符串
			var st6 = "fourStar";
			document.write(st6.replace("four","L"));
			document.write("<hr/>");
			
			//substr() 和 substring()：截取指定长度字符串
			var st7 = "fiveStar";
			document.write(st7.substr(1,5));	//从第一位开始，向后截取五位
			document.write("<br/>");
			document.write(st7.substring(1,5));	//从第一位开始到第五位结束（不包含第五位）
		</script>
	</body>
</html>

二、Array 对象

1、属性

  • length：表示数组的长度

2、常用方法

  • concat()：将两个数组拼接成一个数组
  • join()：根据指定的字符分割数组
  • push()：向数组末尾添加元素，并返回新数组的长度，如果添加的是一个数组，会把整个数组当做一个元素添加进去
  • pop()：删除最后一个元素并将它返回
  • reverse():颠倒数组中元素的顺序
  • sort():对数组的元素进行排序
  • toString():把数组转换为字符串
<html>
	<head>
		<title>oneStar</title>
	</head>
	<body>
		<script type="text/javascript">
			//length属性
			var arr1 = [1,2,3,4];
			document.write(arr1.length);
			document.write("<hr/>");
			
			//concat()：将两个数组拼接成一个数组
			var arr2 = [1,2,3,4];
			var arr3 = [5,6,7,8];
			document.write(arr2.concat(arr3));
			document.write("<hr/>");
			
			//join()：根据指定的字符分隔数组
			var arr4 = [1,2,3,4,5,6];
			document.write(arr4.join(","));	//使用逗号分隔
			document.write("<hr/>");
			
			//push()：向数组末尾添加元素，并返回新数组的长度
			var arr5 = [1,2,3,4,5,6];
			document.write(arr5.push("7"));
			document.write("<br/>");
			document.write(arr5);
			document.write("<hr/>");
			
			//pop()：删除最后一个元素并将它返回
			var arr6 = [1,2,3,4,5,6];
			document.write(arr6.pop());
			document.write("<br/>");
			document.write(arr6);
			document.write("<hr/>");
			
			//reverse():颠倒数组中元素的顺序
			var arr7 = [1,2,3,4,5,6];
			document.write(arr7.reverse());
			document.write("<hr/>");
			
			//sort():对数组的元素进行排序
			var arr8 = [1,2,9,4,1,6];
			document.write(arr8.sort());
			document.write("<hr/>");
		</script>
	</body>
</html>

三、Date 日期对象

1、创建 Date 日期对象

  • var myDate=new Date()

2、常用方法

Date()
 
返回当日的日期和时间。 
getDate()
 
从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()
 
从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()
 
从 Date 对象返回月份 (0 ~ 11)。
getFullYear()
 
从 Date 对象以四位数字返回年份。
getYear()
 
请使用 getFullYear() 方法代替。
getHours()
 
返回 Date 对象的小时 (0 ~ 23)。
getMinutes()
 
返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()
 
返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()
 
返回 Date 对象的毫秒(0 ~ 999)。
getTime()
 
返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()
 
返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()
 
根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()
 
根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()
 
根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()
 
根据世界时从 Date 对象返回四位数的年份。
getUTCHours()
 
根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()
 
根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()
 
根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()
 
根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()
 
返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()
 
设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()
 
设置 Date 对象中月份 (0 ~ 11)。
setFullYear()
 
设置 Date 对象中的年份（四位数字）。
setYear()
 
请使用 setFullYear() 方法代替。
setHours()
 
设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()
 
设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()
 
设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()
 
设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()
 
以毫秒设置 Date 对象。
setUTCDate()
 
根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()
 
根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()
 
根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()
 
根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()
 
根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()
 
根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()
 
根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()
 
返回该对象的源代码。
toString()
 
把 Date 对象转换为字符串。
toTimeString()
 
把 Date 对象的时间部分转换为字符串。
toDateString()
 
把 Date 对象的日期部分转换为字符串。
toGMTString()
 
请使用 toUTCString() 方法代替。
toUTCString()
 
根据世界时，把 Date 对象转换为字符串。
toLocaleString()
 
根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()
 
根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()
 
根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC()
 
根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。
valueOf()
 
返回 Date 对象的原始值。
<html>
	<head>
		<title>oneStar</title>
	</head>
	<body>
		<script type="text/javascript">
			var myDate = new Date();
			
			//获取时间
			document.write(myDate);
			document.write("<hr/>");
			//获取当地时间
			document.write(myDate.toLocaleString());
			document.write("<hr/>");
		</script>
	</body>
</html>

四、Math 对象

进行数学运算，里面都是静态方法，直接 Math.方法 调用，常用方法有：

  • ceil(x)：向上舍入
  • floor(x)：向下舍入
  • round(x)：四舍五入
  • random(x)：得到随机数
<html>
	<head>
		<title>oneStar</title>
	</head>
	<body>
		<script type="text/javascript">
			var a = 3.14;
			document.write(a);
			document.write("<hr/>");
			
			//ceil(x)：向上舍入
			document.write(Math.ceil(a));
			document.write("<hr/>");
			
			//floor(x)：向下舍入
			document.write(Math.floor(a));
			document.write("<hr/>");
			
			//round(x)：四舍五入
			document.write(Math.round(a));
			document.write("<hr/>");
			
			//random(x)：得到随机数
			document.write(Math.floor(Math.random(a)*10));
			document.write("<hr/>");
		</script>
	</body>
</html>

 

ONESTAR博客
关注
专栏目录
JavaScript中对象的简单使用实例（String、Math、Date、Array）
01-20
/*JavaScript中的字符串对象，和字符串的常用方法*/ var s = string; /*查看目标字符串是否可以匹配一个字符串，如果可以，则返回该字符串，否则返回空*/ alert(s.match(str)); /*返回字符出现的位置*/...
前端学习之JavaScript——内置对象
Jane_xxxxxy的博客
08-11 807
1. 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的 内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法） 内置对象最大的优点就是帮助我们快速开发 JavaScript 提供了多个内置对象：Math、 Date 、Array、String等 2. 查文档 2.1 MDN 学习一个内置对象的使用，只要
JS对象详解
Maybe_ss的博客
05-30 1万+
JS对象详解 js的对象是什么？js的对象类型有哪些？具体实例实例是什么？ ECMA-262对JS对象的定义： 属性的无序集合，每个属性存放一个原始值、对象或函数 对象是无特定顺序的值的数组 对象是一种特殊的数据类型，可以包含多个成员 对象成员：Object=Property+Method 属性（Property）：封装对象的数据，表示与对象有关的值；对象名、属性名 方法（Method）：封装对象的行为，表示对象可以执行的行为或可以完成的功能；对象名、方法名 JS的对象类型： 内部对象：原生对象/内置对象
JS基础（JS对象）
最新发布
m0_64450406的博客
08-13 363
ES6 引入了class关键字（注意，这里的类不是传统面向对象编程中的类，而是JavaScript基于原型的类的语法糖），使得对象创建更加清晰和易于理解。JavaScript 是一种基于原型的语言，它不使用传统的“类”模型，而是使用原型（prototypes）来实现对象的继承与复用。Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__（即原型）。方法是一种特殊的函数，它必须被对象所拥有，调用的时候必须对象.方法。调用方法：通过对象实例来调用其方法。
详解JS中的对象
qq_60754128的博客
11-12 955
详细介绍了在JS中对象的相关属性，从语法、类型以及类的属性的各种操作和类的各种遍历，都有详细的介绍
关于JavaScript(JS)的基本对象
weixin_44126720的博客
01-17 2218
JS中的对象分为三类：①.内置对象(静态对象)：js本身已经写好的对象，可以直接使用不需要定义。常见的内置对象有Global、Math(它们也是本地对象，根据定义的每个内置对象都是本地对象)。②.本地对象(非静态对象)：必须实例化才能使用其方法和属性的就是本地对象。常见的本地对象有Object、Function、Date、Array、String、Boolean、Number、RegExp、Error等。
【JS对象】看这一篇就够！从实践到底层JS对象详解！
weixin_57208584的博客
09-06 988
JS对象详解
JavaScript常用内置对象用法分析
10-16
这里我们将深入探讨四个常用的内置对象：String、Date、Math和Array。 1. **String对象**： - **length属性**：返回字符串的长度，不包括任何Unicode字符的附加宽度。 - **concat()方法**：用于连接两个或多个...
JS内置对象和Math对象知识点详解
10-15
这些对象包括Array、Date、String、Number等，极大地方便了开发者进行各种操作。Math对象是其中之一，它不是一个构造函数，因此我们无需使用`new`关键字来创建实例，而是可以直接调用其内部的属性和方法。 Math对象...
JavaScript中的全局对象介绍
10-24
这些构造器允许创建不同类型的对象，如Date()用于处理日期和时间，RegExp()用于处理正则表达式，String()、Object()和Array()用于分别创建字符串、对象和数组类型的实例。这些构造器是JavaScript面向对象编程的基础...
浅谈JavaScript的内置对象和浏览器对象
10-22
除了以上提到的，还有Math对象用于数学运算，Number对象处理数值，Object对象作为所有对象的基类，RegExp对象处理正则表达式，String对象处理字符串，以及Global对象和Function对象等。 接下来，我们转向浏览器对象...
2021-06-17
weixin_57788469的博客
06-17 279
对象简介 什么是对象？ 对象是一种复合的数据类型，在对象中可以存储多个不同数据类型的属性。 对象分为三大类： 内建对象 宿主对象 自定义对象 什么是内建对象？ 内建对象由ES标准中定义的对象，在任何ES的实现中都可以使用。例如：Math、String、Number、Boolean....... 什么是宿主对象？ 宿主对象由JS的运行环境提供的对象、目前来讲主要指...
JS对象中常见的操作方法
qdwd888的博客
04-12 2093
利用关键字 delete const o = { p: 10, m: 20 } delete o.p console.log(o) // { m: 20 } // 删除对象的属性后，在访问返回 undefined console.log(o.p) // undefined 复制代码 五、作为函数参数 const displayPerson&nbsp
《小甲鱼零基础入门学习Python》自学笔记（五）—— 类和对象
weixin_45017439的博客
10-28 499
类和对象 一、类和对象的简单介绍 二、面向对象编程 三、继承 四、多重继承 五、组合 六、类、类对象和实例对象 七、绑定 八、一些相关的BIF
初学JavaScript：js中的对象（对象+原型对象）
lalala_dxf的博客
04-03 6073
js中的对象
js的对象
hc894127523的博客
04-15 2559
一JavaScript对象 1.JavaScript 对象是拥有属性和方法的数据 2.在 JavaScript中，几乎所有的事物都是对象 二JavaScript对象的分类 1.内置对象 内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法） 2.宿主对象 宿主对象就是执行JS脚本的环境提供的对象。 对于嵌入到网页中的JS来说，其宿主对象就是浏览器提供的对象 3.自定义对象 创建对象方式. Js中创建自定义对象，主要通过三种方式
JS的对象与内置对象详细介绍
热门推荐
吴小迪的博客
07-06 4万+
JS的对象就是Object，还有独立于宿主环境的ECMAScript实现提供的内置对象：Array,String,Date,Math。。。 首先我们来学习一下JS的对象： Object: JS里有一句话叫万物皆对象（除了基本数据类型）。但是new String(’’)或者new Number()这种不属于基本数据类型，属于引用类型。 对象就是属性的无序集合。数组是有序集合。 创建对象的方法： 直...
JS对象常用方法总结
qq_44741577的博客
01-31 1774
/ 使用构造函数console.log("汪汪");var dog3 = new Dog("大黄", 2);添加数据属性;// 1.添加一个数据属性writable: true, // 是否允许修改enumerable: true, // 是否允许枚举configurable: true, // 是否允许删除});// 101// 2.修改数据属性});//添加访问器属性},},});注意： 1.第一个参数必须为对象。
vue实现直播弹幕功能
2301_82242670的博客
03-29 577
前端校招精编面试解析大全点击这里即可获取完整版pdf查看实战项目、讲解视频，并且会持续更新！**如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）前端校招精编面试解析大全点击这里即可获取完整版pdf查看。
JavaScript内置对象详解：String, Array, Date, RegExp等
"JavaScript内置对象包括了数据对象、组合对象和高级对象等11种，如Number、String、Boolean、Array、Math、Date、Object、Error、Function、RegExp和Global。这些内置对象提供了丰富的功能，使得JavaScript编程更加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ONESTAR博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值