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(JS)的基本对象
weixin_44126720的博客
01-17 2210
JS中的对象分为三类：①.内置对象(静态对象)：js本身已经写好的对象，可以直接使用不需要定义。常见的内置对象有Global、Math(它们也是本地对象，根据定义的每个内置对象都是本地对象)。②.本地对象(非静态对象)：必须实例化才能使用其方法和属性的就是本地对象。常见的本地对象有Object、Function、Date、Array、String、Boolean、Number、RegExp、Error等。
JavaScript常用内置对象Date、Number、String、Array、Boolean、Math
偷只猫来养的博客
06-17 376
JavaScript常用内置对象Date、Number、String、Array、Boolean、Math 一、Date 1、创建Date对象的方式 创建方式 描述 var d = new Date() 以当前时间创建日期对象，可以用于获取当前系统时间 var d = new Date(milliseconds) 返回从 1970 年 1 月 1 日至今的毫秒数,var d = new Date(1000),会返回1970年1月1日08:00:01，参数单位是毫秒 var d = n
JS:对象和属性
likaiwalkman@csdn - Code Study Area
09-11 625
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 JavaScript 中，对象是拥有属性和方法的数据。 属性和方法 属性是与对象相关的值。 方法是能够在对象上执行的动作。 举例：汽车就是现实生活中的对象。 汽车的属性： car.name=Fiat car.model=500 car.weight=850kg ca
JS基础（JS对象）
最新发布
m0_64450406的博客
08-13 351
ES6 引入了class关键字（注意，这里的类不是传统面向对象编程中的类，而是JavaScript基于原型的类的语法糖），使得对象创建更加清晰和易于理解。JavaScript 是一种基于原型的语言，它不使用传统的“类”模型，而是使用原型（prototypes）来实现对象的继承与复用。Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__（即原型）。方法是一种特殊的函数，它必须被对象所拥有，调用的时候必须对象.方法。调用方法：通过对象实例来调用其方法。
JavaScript 常用对象
m0_70648941的博客
09-20 318
数组对象是一系列有序的值的集合，可以存放任何类型的数据，建议只存放一种类型数据。1.数学对象提供基本的数学函数和常数。2.数学对象不需要使用new运算符。正则表达式主要用于表单验证。1.日期对象包含日期和时间。2.没有属性，只有获取。
JavaScript常用对象
XW_c_h_e_n的博客
03-11 140
JavaScript常用对象
JavaScript（七）之 JavaScript常用对象介绍
海边拾贝seebit
07-26 356
一、Array对象 ----- 数组对象，进行数组操作 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;meta http-equiv="Content-Type" conte...
JavaScript中对象的简单使用实例（String、Math、Date、Array）
01-20
/*JavaScript中的字符串对象，和字符串的常用方法*/ var s = string; /*查看目标字符串是否可以匹配一个字符串，如果可以，则返回该字符串，否则返回空*/ alert(s.match(str)); /*返回字符出现的位置*/...
javascript内值对象&浏览器对象 (1).docx
12-16
本篇文章将详细探讨JavaScript的内置对象，包括日期对象、字符串对象、Math对象以及Array数组对象。 1. 日期对象(Date) JavaScript的Date对象用于处理日期和时间。创建一个新的日期对象，可以使用`new Date()`。`...
JavaScript常用内置对象用法分析
10-16
这里我们将深入探讨四个常用的内置对象：String、Date、Math和Array。 1. **String对象**： - **length属性**：返回字符串的长度，不包括任何Unicode字符的附加宽度。 - **concat()方法**：用于连接两个或多个...
JS内置对象和Math对象知识点详解
10-15
这些对象包括Array、Date、String、Number等，极大地方便了开发者进行各种操作。Math对象是其中之一，它不是一个构造函数，因此我们无需使用`new`关键字来创建实例，而是可以直接调用其内部的属性和方法。 Math对象...
JS之我有对象
ferrysoul的博客
07-26 164
JavaScript 对象 1.定义： JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 此外，JavaScript 允许自定义对象。 2.注意 JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 3.访问对象的属性 属性是与对象相关的值。 访问对象属性的语法是：   obje...
JavaScript内置对象 Array、Boolean、Date、Math和Number、String、RegExp
qq_40922845的博客
10-16 265
JavaScript的内置对象如下 JS Array JS Boolean JS Date JS Math JS Number JS String JS RegExp Array对象 Array对象用于在单个的变量中存储多个值 创建Array对象的语法： new Array(); new Array(size); new Array(element0，element1，elementn); 数...
javaScript的常用对象
weixin_43246741的博客
12-03 380
Javascript常用对象-Boolean Javascript常用对象-Number Javascript常用对象-Array Javascript常用对象-String Javascript常用对象-Date Javascript常用对象-Math Javascript常用对象-RegExp Boolean对象描述 在 JavaScript 中，布尔值是一种基本的数据类型。Boolean 对...
javascript的常用对象有哪些？
riemann_的博客
03-14 5335
1、Windows对象 Windows对象即浏览器窗口对象，是所有对象的顶级对象，其使用频繁，在JavaScript中调用其方法和属性时可以省略名称。 Window 对象属性 属性 描述 closed 返回窗口是否已被关闭。 defaultStatus 设置或返回窗口状态栏中的默认文本。 document 对 Document 对象的只读引用。 history 对 Hi...
JS 基础（4）ECMAScript5 —— 内置对象Array、String、Math、Date
weixin_39141044的博客
04-06 342
[toc] JavaScript分为三个部分：ECMAScript(JS语言本身基础语法)，DOM(文档对象模型，应用程序编程接口)，BOM(浏览器对象模型)。 JavaScript中的内置对象 js的内置对象有：Array、String、Math、Date。 一、Array（数组对象） Array是js中最常用的一种类型，Array数组中的每一项可以保持任意类型的数值，数组的大小可以动...
Javascript 内置的常用对象有哪些?
Lorraineyxy的博客
01-27 911
Arguments 函数参数集合 arguments[ ] 函数参数的数组 Arguments 一个函数的参数和其他属性 Arguments.callee 当前正在运行的函数 Arguments.length 传递给函数的参数的个数 Array 数组 length 属性 动态获取数组长度 join() 将一个数组转成字符串。返回一个字符串。 reverse() 将数组中各元素颠倒顺序 del...
Array对象 + String对象 + Math对象 + Date对象 总结
weixin_30377461的博客
02-14 100
Array 对象 一、 原数组不发生改变 1.数组的转换 ：join 作用：（1） 将数组转换成字符串； （2） 不改变原数组； （3）返回新的数组 语法： arr.join('链接符'); var arr = [1,2,3,4,5]; arr.join();// 不传参，默认按【，】进行拼接 arr.join('-'...
JavaScript常用对象和内置对象
weixin_69036336的博客
09-20 220
JavaScript常用对象和内置对象
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、付费专栏及课程。

余额充值