【JavaScript】内置对象（Math日期 Date数组 Array字符串 String堆栈 数据类型）

学习视频以及笔记参考来源：

JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师html" class="superseo">前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili

---

一、概述 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象。 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解。  内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 JavaScript 提供了多个内置对象： Math 、 Date 、 Array 、 String 等。 查阅文档： MDN: https://developer.mozilla.org/zh-CN/ 二、Math

         Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值 等）可以使用 Math 中的成员。

1、数学相关运算（绝对值 / 取整 / 最大值等）

Math.PI // 圆周率 
Math.floor() // 向下取整 
Math.ceil() // 向上取整 
Math.round() // 四舍五入
Math.abs() // 绝对值 
Math.max()/Math.min() // 求最大和最小值

2、随机数方法 random() random() 方法可以随机返回一个小数，其取值范围是 [0，1)，左闭右开 0 <= x < 1。

// 得到一个两数之间的随机整数，包括两个数在内
function getRandom(min, max) { 
    return Math.floor(Math.random() * (max - min + 1)) + min; 
}

3、案例：猜数字游戏

要求：① 先随机生成一个数。② 让用户来猜数，并给出猜大猜小的提示。③ 只有10次机会。

三、Date 日期对象 Date 实例用来处理日期和时间。 Date 对象是一个构造函数 ，所以我们需要实例化后才能使用。 1、Date() 方法的使用  获取当前时间必须实例化（因为Date是一个构造函数）。

var now = new Date();  // 实例化
console.log(now);  // 调用

var time1 = new Date();  // Date() 不写参数，就返回当前时间
var times = new Date('2022-05-09');  // Date() 写参数，就返回输入的时间
// 日期格式字符串：new Date('2019-5-1') 或者 new Date('2019/5/1')

2、日期格式化

2.1 案例：格式化当前日期

  输出：2019年8月8日 星期四        

2.2 案例：格式化当前时间

  输出：HH : mm : ss   00 : 10 : 45

3、获取日期的总毫秒形式 Date 对象是基于1970年1月1日（世界标准时间）起的毫秒数。

// 实例化Date对象 
var now = new Date(); 

// 1. 用于获取对象的原始值 
console.log(date.valueOf()) 
console.log(date.getTime()) 

// 2. 简单写可以这么做 
var now = + new Date(); 

// 3. HTML5中提供的方法，有兼容性问题 
var now = Date.now();

    // 倒计时效果
    

四、Array 数组对象 1、创建数组对象的两种方式

2、检测是否为数组 instanceof 运算符，可以判断一个对象是否属于某种类型。 Array.isArray()用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法。

var arr = [1, 23]; 
var obj = {}; 
console.log(arr instanceof Array); // true 
console.log(obj instanceof Array); // false 
console.log(Array.isArray(arr)); // true 
console.log(Array.isArray(obj)); // false

3、添加删除数组元素的方法

4、数组排序

5、数组索引方法

6、数组转换为字符串

五、String 字符串对象 1、基本包装类型

 2、字符串的不变形

 3、根据字符返回位置 字符串所有的方法，都不会修改字符串本身(字符串是不可变的)， *** 作完成会返回一个新的字符串。

4、根据位置返回字符 （重点） 4.1 语法

4.2 案例：判断字符串中出现次数最多的字符，并统计其次数。

5、字符串 *** 作方法（重点）

replace()方法 ：

        replace() 方法用于在字符串中用一些字符替换另一些字符。其使用格式如下：

replace(被替换的字符串， 要替换为的字符串)；

split()方法：         split()方法用于切分字符串，它可以将字符串切分为数组。在切分完毕之后，返回的是一个新数组。

var str = 'a,b,c,d'; 
console.log(str.split(',')); // 返回的是一个数组 [a, b, c, d]

6、字符串作业

六、简单数据类型与复杂数据类型 1、简单类型与复杂类型 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型。string ，number，boolean，undefined，null。 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型。通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等 2、堆和栈 栈（ *** 作系统）：由 *** 作系统自动分配释放存放函数的参数值、局部变量的值等。其 *** 作方式类似于数据结构中的栈； 简单数据类型存放到栈里面。 堆（ *** 作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。 复杂数据类型存放到堆里面。 JavaScript中没有堆栈的概念，通过堆栈的方式，可以让大家更容易理解代码的一些执行方式，便于将来学习其他语言。

3、简单类型的数据分配 值类型（简单数据类型）： string ，number，boolean，undefined，null。 值类型变量的数据直接存放在变量（栈空间）中。 4、复杂类型的数据分配  引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等。 引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中。

5、简单类型传参

        函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。

6、复杂类型传参

        函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以 *** 作的是同一个对象。