JavaScript 内置对象数据类型

news2024/12/27 1:05:00

JavaScript 内置对象

1.内置对象

2.查文档

2.1MDN

2.2 如何学习对象中的方法

3.Math对象

3.1Math 概述

3.2随机数方法 random()

4. 日期对象

4.1Date 概述

4.2Date() 方法的使用

4.3 日期格式化

4.4获取毫秒的总的毫秒形式

5.数组对象

5.1数组对象的创建

5.2检测是否为数组

5.3添加删除数组元素的方法

5.4数组排序

5.5数组索引方法

5.6数组转换为字符串

6.字符串对象

6.1基本包装类型

6.2字符串的不可变

6.3根据字符返回位置

6.4根据位置返回字符（重点）

6.5字符串操作方法（重点）

· 数据类型

1.简单数据类型与复杂数据类型

2.堆和栈

JavaScript 内置对象

1.内置对象

JavaScript 中的对象分为三种：自定义对象，内置对象，浏览器对象
前面两种对象时js基础，属于ECMAScript: 第三个浏览器对象属于我们JS独有的
内置对象就是指JS语言自带的一些对象，这些对象提供开发者使用，并提供了一些常用的或是最基础而必要的功能（属性和方法）

2.查文档

2.1MDN

Mozilla开发者网络（MDN)提供了相关开放网络技术（open web) 的信息，包括HTML CSS 和万维网及HTML5的应用的API

https://developer.mozilla.org/zh-CN/

2.2 如何学习对象中的方法

查阅该方法的功能
查看里面的参数的意义和类型
查看返回值的类型
通过demo 进行测试

3.Math对象

3.1Math 概述

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

Math.PI //圆周率

Math.floor() // 向下取整

Math.ceil() // 向上取整

Math.round() // 四舍五入就近取整注意 -3.5 结果是 -3

Math.abs() // 绝对值

Math.max() Math.min() //求最大值和最小值

3.2随机数方法 random()

1.Match 对象随机数放啊 random() 返回一个随机小数 0 <= x < 1

2.这个方法里面不带参数

console.log(Math.random());

我们想要得到两个数之间的随机整数并且包含这两个数

Math.floor(Math.random()*(max - min + 1)) + min;

   function getRandom(min,max) {

            return Math.floor(Math.random() * (max - min + 1)) + min;

        }

        console.log(getRandom(1,10));

4. 日期对象

4.1Date 概述

Date 对象和 Math 对象不一样，他是一个特殊的构造函数，所以我们需要实例化后才能使用
Date 实例用来处理日期和时间

4.2Date() 方法的使用

1.获取当前时间必须实例化

var now = new Date()；

console.log(now);

2.Date() 构造函数的参数

如果括号里面有时间，就返回参数里面的时间。例如日期格式字符串为 ‘2023-5-1’,可以写成 new Date(‘2023-5-1’)或者 new Date('2019/5/1')

4.3 日期格式化

4.4获取毫秒的总的毫秒形式

Date对象是基于1970年1月1日（世界标准时间）起的毫秒数。

获取Dtae总的毫秒数不是当前时间的毫秒数而是距离1970年1月1日过了多少毫秒

1.通过valueOf() getTime() 可以得到

var date = new Date();

console.log(date.valueOf());

console.log(date.getTime());

2.简单的写法最常用的写法

var date1 = +new Date(); // +new Date() 返回的就是总的毫秒数

console.log(date1);

3.H5 新增的获得总的毫秒数

console.log(Date.now());

5.数组对象

5.1数组对象的创建

字面创建
new Array()

5.2检测是否为数组

1.instanceof 运算符可以用来检测是否为数组

2.Array.isArray(arr); H5新增的方法 ie9以上版本支持