JS中的包装类

包装类

1.`Date`

Date对象

在JS中使用Date对象来表示一个时间

创建Date对象的两种方式：

方式一：

var d = new Date();

方式二：

var d2 = new Date(“2/12/2022 11:12:12”);

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Date对象</title>
</head>
<body>
<script type="text/javascript">
  // 方式一：创建Date对象
  // 如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间
  var d1 = new Date();// 获取当前系统时间
  console.log(d1);

  // 方式二：使用参数方式创建Date对象
  /**
   * 创建一个指定的时间对象
   * 需要在构造函数中传递一个表示时间的字符串作为参数
   * 日期的格式：月份/日/年 时:分:秒
   */
  var d2 = new Date("12/2/2022 11:12:12");
  console.log(d2);
</script>
</body>
</html>

Date`对象常用方法：

getMonth()

获取当前时间对象的月份

0表示1月

11表示12月

getDay()

获取当前日期对象时周几

0表示周日

1表示周一

getTime()

获取当前日期对象时间戳

  console.log(d1.getDay());
  console.log(d1.getMonth());
  console.log(d1.getTime());

2.`Math`工具类

Math工具类

Math和其他的对象不同，它不是一个构造函数

它属性于一个工具类不用创建对象，可以直接使用相关的属性和方法【与Java中的静态方法和静态属性一样】

常用属性：

PI：代表圆周率

常用方法：

abs()：可以用来计算一个数的绝对值

ceil()：可以对一个数进行向上取整，称为天花板函数

floor()：可以对一个数向下取整，称为地板函数

round()：对一个数进行四舍五入取整

max()：可以获取多个数中的最大值

min()：可以获取多个数中的最小值

pow()：返回x的y次幂

sqrt()：用于对一个数进行开方运算

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Math工具类</title>
</head>
<body>
<script type="text/javascript">
  // Math工具类中的`PI`属性
  console.log(Math.PI);

  // Math工具类中常用方法：
  console.log(Math.abs(-3));//取绝对值
  console.log(Math.ceil(3.21));// 返回：4，向上取整
  console.log(Math.floor(5.68));// 返回：5，向下取整
  console.log(Math.round());// 产生`0-1`随机数
</script>
</body>
</html>

3.包装类

基本数据类型：

String Number Boolean Null Undefined

引用数据类型：

Object

在JS中为我们提供了三个包装类，通过这个三个包装类可以将基本数据类型的数据转换为对象

String

可以将基本数据类型字符串转换成String对象

Number

可以将基本数据类型数字转换成Number对象

Boolean

可以将基本数据类型布尔值转换成Boolean对象

但是注意是：我们在实际应用中不会使用基本数据类型的对象

如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预测的结果

包装类一般都是浏览器为我们基本的数据做一个临时转换成引用的数据类型

			
			/*
			 * 方法和属性之能添加给对象，不能添加给基本数据类型
			 * 	当我们对一些基本数据类型的值去调用属性和方法时，
			 * 		浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
			 * 		调用完以后，在将其转换为基本数据类型
			 */

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>包装类</title>
</head>
<body>
<script type="text/javascript">
  var str = new String("hello");
  var num = new Number(123);
  var bool = new Boolean(true);

  /*
 *      方法和属性之能添加给对象，不能添加给基本数据类型
 * 	    当我们对一些基本数据类型的值去调用属性和方法时，
 * 		浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
 * 		调用完以后，在将其转换为基本数据类型
 */
</script>
</body>
</html>

4.`String`类【重点】

属性	描述
length	字符串的长度

String类中属性：

- length属性，获取字符串的长度，【Java不同，String类在Java中没有length属性，只有length方法】

方法	描述
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
concat()	连接两个或更多字符串，并返回新的字符串。
endsWith()	判断当前字符串是否是以指定的子字符串结尾的（区分大小写）。
fromCharCode()	将 Unicode 编码转为字符。
indexOf()	返回某个指定的字符串值在字符串中首次出现的位置。
includes()	查找字符串中是否包含指定的子字符串。
lastIndexOf()	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。
match()	查找找到一个或多个正则表达式的匹配。
repeat()	复制字符串指定次数，并将它们连接在一起返回。
replace()	在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。
replaceAll()	在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。
search()	查找与正则表达式相匹配的值。
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分。
split()	把字符串分割为字符串数组。
startsWith()	查看字符串是否以指定的子字符串开头。
substr()	从起始索引号提取字符串中指定数目的字符。
substring()	提取字符串中两个指定的索引号之间的字符。
toLowerCase()	把字符串转换为小写。
toUpperCase()	把字符串转换为大写。
trim()	去除字符串两边的空白。
toLocaleLowerCase()	根据本地主机的语言环境把字符串转换为小写。
toLocaleUpperCase()	根据本地主机的语言环境把字符串转换为大写。
valueOf()	返回某个字符串对象的原始值。
toString()	返回一个字符串。

String常用方法

char()：可以返回字符串中指定位置的字符，根据索引获取指定的字符

charCodeAt()：获取指定位置字符的字符编码（Unicode编码）

formCharCode()：可以根据字符编码去获取字符

concat()：可以用来连接两个或多个字符串，作用和+一样

indexof()：该方法可以检索一个字符串中是否含有指定内容，如果字符串中含有该内容，则会返回其返回第一次出现的索引，如果没有找到指定的内容，则返回-1，可以指定一个第二个参数，指定开始查找的位置

lastIndexOf()：该方法的用法和indexOf()一样，不同的是indexOf从前往后找，而lastIndexOf是从后往前找，也可以指定开始，查找的位置

slice()：可以从字符串中截取指定的内容，不会影响原字符串，而将截取到内容返回

参数：

第一个，开始位置的索引（包括开始位置）

第二个，结束位置的索引（不包括结束位置）

如果省略第二个参数，则会截取到后边所有的

也可以传递一个负数作为参数，负数的话将会从后边计算

subString()：可以用来截取一个字符串，可以slice()类似

参数：

第一个：截取位置的索引（包括开始位置）

第二个：结束位置的索引（不包括结束位置）

不同的是这个方法不能接受负值作为参数

如果传递一个负值，默认使用0

而且他还自动调用参数位置，如果第二个参数小于第一个，则自动交换

substr()：用来截取字符串

参数：

截取开始位置的索引

截取的长度

toUpperCase()：将一个字符串转换大写并返回

toLowerCase()：将一个字符串转换小写并返回

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>String类</title>
</head>
<body>
<script type="text/javascript">
  var string = "您好，海康，湛江，南宁，西安，西藏，青海";

  // String类中length属性
  var length = string.length;
  console.log(length);

  // String类中方法
  var indexOf = string.indexOf("南宁");
  console.log(indexOf);

  var lastIndexOf = string.lastIndexOf("西安");
  console.log(lastIndexOf);

  var substring = string.substring(3,5);
  console.log(substring);

  var substr = string.substr(3,5);
  console.log(substr);

  var str = "hello EEJE";
  var toLowerCase = str.toLowerCase();
  var toUpperCase = str.toUpperCase();
  console.log(toLowerCase);
  console.log(toUpperCase);
</script>
</body>
</html>

包装类

1.Date

2.Math工具类

3.包装类

4.String类【重点】

猜你喜欢

1.`Date`

2.`Math`工具类

4.`String`类【重点】