JavaScript基础：内置对象

已于 2022-12-09 01:00:52 修改
阅读量631 收藏
点赞数 4
分类专栏： JavaScript 文章标签： javascript 前端 前端框架
于 2022-09-17 16:19:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XSL_HR/article/details/126906310
版权

JavaScript 内容总结 内置对象

本期文章接上期关于JavaScript对象的基础整理，主要内容是JavaScript内置对象。

6.2 JavaScript内置对象

6.2.1 String对象

​ String在JavaScript中表示一个字符串。它是用单引号或双引号括起来的一个或者多个序列。可以使用直接赋值的方式定义字符串，也可以使用new关键字创建String对象。

​ 案例：定义字符串

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		// 使用直接赋值的方式定义一个字符串，存储学生姓名
		let stuName = "Tomson";
		alert("学生姓名 : "+stuName);
		// 使用new的方式创建字符串对象，存储学生爱好
		let stuHobby = new String("Football");
		alert("学生爱好 : "+stuHobby);
	</script>
</body>
</html>
6.2.1.1 获取字符串的长度

​ 使用String(字符串)的length属性获取字符串的长度。字符串的每个汉字，被计数为一个字符；字符串的每个字母，也被基数为一个字符。

​ 案例：获取字符串的长度

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let word = "What is your name ? 张三";
		alert('字符串长度为：'+word.length);
	</script>
</body>
</html>
6.2.1.2 字符串的常用方法

​ 字符串的常用方法如下：
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let word = "How old are you? I am eleven";
		// 全部转换为大写字母
		let upperCase = word.toUpperCase();
		document.write("全部大写 "+upperCase);
		document.write("<br/>");
		// 全部转换为小写字母
		let lowerCase = word.toLowerCase();
		document.write("全部小写 "+lowerCase);
		document.write("<br/>");
		// 整数转换为字符串
		let num = 18;
		num = num.toString();
		document.write(typeof num);
		document.write("<br/>");
		document.write("整数转为字符串 "+num);
		document.write("<br/>");
		// 获取字符串的第一个字符
		let data = word.charAt(0);
		document.write(data);
	</script>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let word = "How old are you? I am eleven";
		// 返回字符串word第一次出现子字符串a的位置
		let index = word.indexOf('a');
		document.write("index = "+index);
		document.write("<br/>");
		// 获取“角标”5后面的10个子字符串
		let subString = word.substr(5,10);
		document.write("子字符串 = "+subString);
		document.write("<br/>");
		// 拼接字符串
		let name = "Tom";
		let fullName = name.concat("son");
		document.write("全名 "+fullName);
	</script>
</body>
</html>
6.2.2 Array对象

​ Array对象表示数组，它是一个用于存储相同类型元素的一个序列。

序列可以理解为存储多个值的变量。数组变量能够存储多个值，提高存储效率。
数组由一个多个元素组成，数组中元素的个数称为数组大小(或称数组长度)。

如图所示：ElementData表示数组的元素，index表示数组的下标(角标)。通过下标能够访问数组中的元素。

在这里插入图片描述

注意： 数组下标从0开始。 因为第一个元素距离自己的偏移量为0，第二个元素距离第一个元素的偏移量是1，以此类推。

6.2.2.1数组的创建和赋值

1. 先创建数组，再对其赋值

语法如下： let 数组名 = new Array(长度);

案例：定义数组，使用下标为数组元素赋值

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let books = new Array(4);
		books[0] = "红楼梦";
		books[1] = "西游记";
		books[2] = "水浒传";
		books[3] = "三国演义";
		document.write(books[0]+"-"+books[1]+"-"+books[2]+"-"+books[3]);
        // 数组长度
        document.write(books.length);
	</script>
</body>
</html>

2. 创建数组同时对其赋值

在创建数组的同时指定数组元素的值，语法如下：

let arrayName=new Array(array1[,array2,…arrayN]);
array1…arrayN表示数组元素的值

案例：创建数组并为数组赋值，最后输出数组的每个元素

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let books = new Array("三国演义","水浒传","西游记","红楼梦");
		document.write(books[0]);
		document.write("<br/>");
		document.write(books[1]);
		document.write("<br/>");
		document.write(books[2]);
		document.write("<br/>");
		document.write(books[3]);
		document.write("<br/>");

	</script>
</body>
</html>
6.2.2 遍历数组元素

1. 使用for循环通过下标逐个访问数组中的每个元素。

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let books = new Array("三国演义","水浒传","西游记","红楼梦");
		for( let i = 0; i < books.length; i++) {
			document.write(books[i]);
			document.write("<br/>");
		}

	</script>
</body>
</html>

2. 使用for…in方式访问数组中的每个元素

for…in语法如下：

for(let 下标  in 数组名称) {

}
in的左边是数组，右边是下标
表示从数组里面逐个获取下标

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		document.write("使用for in方式遍历数组");
		document.write("<br/>");
		let books = new Array("三国演义","水浒传","西游记","红楼梦");
		// 使用循环获取每个数组元素对应的下标，index表示数组元素的下标
		for(let index in books) {
			document.write(books[index]);
			document.write("<br/>");
		}
	</script>
</body>
</html>

== 3. 使用for…of方式访问数组中的每个元素==

语法如下：

for(let 变量 of 数组){

}
逐个遍历数组里面的每个元素，每执行一次循环体将数组的下一个元素赋值给let后面的变量
for...of循环遍历数组忽略了下标
of表示从数组里面获取每一个元素

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		document.write("使用for of方式遍历数组");
		document.write("<br/>");
		let books = new Array("三国演义","水浒传","西游记","红楼梦","儒林外史");
		// 使用循环获取每个数组元素对应的下标，index表示数组元素的下标
		for(let book of books) {
			document.write(book);
			document.write("<br/>");
		}
	</script>
</body>
</html>
6.2.3 数组常用的方法

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		
		let books = new Array("三国演义","水浒传","西游记","红楼梦");
		document.write("数组长度 = "+books.length);
		let booksTwo = new Array("聊斋志异","儒林外史");
		document.write("<br/>");
		// 将参数中的数组连接到当前数组中
		books = books.concat(booksTwo);
		document.write("新的长度 = "+books.length);
		document.write("<br/>");
		books.reverse();
		document.write("反转数组 "+books);
		document.write("<br/>");
		// 定义数组存储学生成绩
		let scores = new Array(65,23,76,87,43,86);
		// 数组元素按照升序排序
		scores.sort();
		document.write("排序之后的数组元素："+scores);
	</script>
</body>
</html>
6.2.3 Date对象

Date用来标识JavaScript的日期和时间。创建Date对象语法如下：

let 变量 = new Date();
创建表示系统当前日期和时间的Date对象

Date对象常用方法1:

在这里插入图片描述

Data对象常用方法2：

在这里插入图片描述

案例：创建Date对象，获取当前的年月日

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		let dt = new Date();
		let year = dt.getFullYear();
        // getMonth()方法只能获取0~11之间的月份
		let month = dt.getMonth()+1;
		let day = dt.getDate();
		document.write(year+"-"+month+"-"+day);
	</script>
</body>
</html>
6.2.4 Math对象

​ Math是对一个已创建好的对象的引用。不必使用new创建对象，可以直接使用。Math对象提供了数学计算的属性和方法。

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		// 获取圆周率
		let pi = Math.PI;
		document.write("pi = "+pi);
		document.write("<br/>");
		// 获取0~1之间的随机数
		let random = Math.random();
		document.write("随机数 = "+random);
	</script>
</body>
</html>

summary

本期文章主要是关于JavaScript内置对象的基础知识整理，文章内容由本人结合学习笔记和相关资料总结得出，若有不足，请及时指出，予以指正，我会及时更正。下一期文章主要是对浏览器对象和DOM对象相关基础知识的总结，敬请期待！！

Dorable_Wander
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript内置对象
天马3798
12-30 373
全局的对象（ global objects ）或称标准内置对象，不要和 "全局对象（global object）" 混淆。这里说的全局的对象是说在全局作用域里的对象。 "全局对象 （global object）” 是一个Global类的对象。可以在全局作用域里，用this访问（但只有在非严格模式下才可以，在严格模式下得到的是 undefined）。实际上，全局作用域包含了全局对象的属性，还有它可...
【JavaScript】内置对象
msmxsd的博客
04-16 4673
什么是内置对象 JavaScript中的对象分为3种：自定义对象、内置对象、浏览器对象，其中前两种是JS基础内容，属于ECMAScript，浏览器对象是JS独有的。 内置对象就是JS语言自带的供开发者使用的对象，提供了一些常用的或是最基本而必要的功能。 Math对象 Math对象不是一个构造函数，不需要用new来调用，而是直接使用里面的属性和方法。 Math属性可参见MDN Math.PI 表示一个圆的周长与直径的比例，Math.PI=π≈3.14159 Math.max() 函数返回一组数中的最大值，如
JS内置对象
Thousandscity的博客
10-04 175
JS内置对象内置对象MDNMath对象Date对象Array对象String对象 内置对象 js中的对象分为3种：内置对象、浏览器对象、自定义对象 对象只是带有属性和方法的特殊数据类型 MDN 是Mozilla 开发者网络（MDN）提供有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。 Math对象 Math对象不是构造函数，它具有数学常数和函数的属性和方法，都是以静态成员的方式提供 Math.PI // 圆周率 Math.random()
JS 内置对象方法总结
最新发布
L的博客
06-14 1362
常用的数据类型的方法使用归纳
JavaScript-内置对象
qq_52822043的博客
03-20 1801
目录 内置对象 1.Math对象 2. 日期对象 获取日期的总的毫秒形式 倒计时案例 3. 数组对象 1）数组对象的创建 2）检测是否为数组 3）添加或删除数组元素的方法 4）数组排序方法 ​ 5）数组索引方法 6）数组转换为字符串 ​ 7）其他方法 4. 字符串对象 1）基本包装类型 2）字符串的不可变 3）根据字符返回位置 4）根据位置返回字符 ​ 5）字符串操作方法 ​ 内置对象 JavaScript中的对象分为3种：自定义对象...
JavaScript 内置对象
qq_51946936的博客
10-25 157
JavaScript 内置对象 <script> // Math数学对象 不是一个构造函数 ，所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 console.log(Math.max(1, 99, 3)); // 99 console.log(Math.max(-1, -10)); // -1 console.log(Math.max
javascript 面向对象编程基础：封装
10-29
在传统面向对象的编程语言如Java或C++中，类是语言内置的构造。而在JavaScript中，虽然早期其并不是完全的面向对象编程语言，但ES6以后，JavaScript增加了class关键字，使得面向对象编程的语法更加清晰、更加接近...
浅谈JavaScript的内置对象和浏览器对象
10-22
以下是一些常见的内置对象： 1. Array对象：Array对象是用于处理数组的，它提供了许多方便的方法，如concat()用于合并数组，join()用于将数组元素转化为字符串，pop()和push()分别用于移除和添加数组的最后一个元素...
javascript内置对象操作详解
10-24
JavaScript内置对象提供了很多有用的方法来处理字符串和数组，这些方法对于操作文本和组织数据非常实用。下面详细解释了几个常用的JavaScript内置对象及其操作方法。 1. String对象indexOf()方法 indexOf()方法是...
JavaScript内置对象大全
11-28
JavaScript内置对象大全.txt
javascript 内置对象大全（完整版）
10-14
史上最全的javascript 内置对象大全。包含javascript中所有属性。方法。事件。真可谓是新手们不可多得的经典教材。值得收藏。
了解JavaScript中的内置对象
01-30
所有编程语言都具有内部（或内置的）对象来创建语言的基本功能。内部对象是您编写自定义代码所用语言的基础，该代码基于您的想象实现自定义功能。JavaScript有许多将其定义为语言的内部对象。本文介绍了一些最常用的...
javascript 内置对象及常见API详细介绍
10-21
JavaScript内置对象是语言的基础组成部分，包括： 1. **Object对象**：提供了一些基础方法，如`hasOwnProperty()`用于检查对象是否具有特定的本地属性，`isPrototypeOf()`确认一个对象是否是另一个对象的原型，`...
JavaScript 中的内置对象
DreamFive
05-02 377
目录 标准内置对象的分类 下面将细分内置对象来进行整理 Array 属性 方法 ArrayBuffer 属性 方法 Boolean 属性 方法 Date 属性 方法 这里介绍所有的 JavaScript 标准的内置对象，以及他们的方法和属性。 全局的对象（global objects）或标准内置对象，不要和全局对象（global object） 混淆。...
JavaScript中的内置对象
a419029964425306的博客
03-16 84
1.Date 日期对象 　　（1）语法：var mydate=new Date(); 　　（2）参数说明：mydate成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。 　　（3）访问方法语法：<日期对象>.<方法>; 　　（4）Date对象中处理时间和日期的常用方法： ...
JavaScript的内置对象
h294590501的专栏
05-29 559
JavaScript的内置对象数组对象数组的四种方式创建数组的方式说明new Array()创建0个长度的数组new Array(5)创建5个长度的数组new Array(2,4,10,6,41)指定每个元素创建数组[4,3,20,6]使用中括号指定每个元素创建数组后，能够用 [ ] 符号访问数组单个元素，例如： ​ var my_array = new Array(); for (i = 0;...
JavaScript基础：掌握内置对象与方法
JavaScript教程深入探讨了JavaScript中常用的内置对象及其方法，这是一种基于对象事件驱动的编程语言，由Netscape公司开发，旨在增强Netscape Navigator的功能。JavaScript的特点包括脚本编写、基于对象、简单性、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Dorable_Wander

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

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

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

打赏作者

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

抵扣说明：

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

余额充值