JS内置对象个人总结

Rewind_lv

已于 2022-05-28 20:28:42 修改

阅读量187

点赞数

文章标签：前端 javascript 学习

于 2022-05-17 19:34:15 首次发布

本文链接：https://blog.csdn.net/Rewind_lv/article/details/124828244

版权

前端小吕学习语言第四天-JS内置对象个人总结

JavaScript

js内置对象

JavaScript的对象分为三种：自定义对象，内置对象，浏览器对象
内置对象就是指JS语言自带的一些对象，供开发者使用，并提供一些常用的或是最基本而必要的功能（属性和方法），帮助开发者快速开发
内置对象对应文档（MDN/W3C）
1. 如何学习对象中的方法？
  1. 查阅该方法的功能
  2. 查看里面参数的意义和类型
  3. 查看返回值的意义和类型
  4. 通过demo进行测试
Math对象
1. Math数学对象不是一个构造函数，所以我们不需要new来调用，而是直接使用里面的属性和方法即可
2. Math概述：Math.PI（圆周率） Math.max()/Math.min() (最大值最小值)
  
  Math.abs()(绝对值) 隐式转换，会把字符串型‘-1’转化为数字型
  
  Math.floor() 向上取整 Math.ceil() 向下取整 Math.round() 四舍五入取整（-1.5取整为-1）
3. 随机数方法 random()
  
  返回一个随机的浮点数，范围是0 =< x < 1，这个方法里面不跟参数
  
  想要得到两个数之间的随机整数，并且包含这两个整数
```
function getRandom(min,max){
	return Math.floor(Math.random() * (man - min + 1)) + min;
}
```
Date对象
1. Date（）日期对象，是一个构造函数，必须使用new来调用创建我们的日期对象,实例化
2. 使用Date 如果没有参数，返回当前系统的当前时间；
  
  如果有参数，参数常用法：数字型 2022,05,15 或者是字符串型 ‘2022-5-15 8:8:8’
3. 日期格式化，返回的月份小一个月，记得月份要加一 (getMonth())；周次中周日返回的是0（getDay());如果想要输出中文的周次，可以定义一个数组，注意数组第一个值应为周日
4. 获得Date总的毫秒数（时间戳）：Date对象是基于1970.1.1（世界标准时间）起的毫秒数
  1. 通过valueOf（） getTime（)
  2. 简单写法（常用）
```
var date1 = +new Date();  //+new Date() 返回的就是总的毫秒数
console.log(date1)
```
  3. H5新增的，获得总的毫秒数
```
console.log(Date.now());
```
Array对象
1. 检测是否为数组
  1. instanceof 运算符，他可以用来检测是否为数组
  2. Array.isArray(参数)，是即显示true，否则为false，H5新增的方法、ie9以上版本支持
2. 添加删除数组元素的方法
  1. push（）在数组的末尾添加一个或多个数组元素
```
var arr = [1,2,3];
arr.push(4,'pink');
console.log(arr);
```
    - push是可以给数组追加新的元素
    - push（）参数直接写数组元素就可以了
    - push完毕之后，返回的结果是新数组的长度
    - 原数组也会发生变化
  2. unshift()在数组的开头添加一个或多个数组元素
```
arr.unshift('red',222);
```
    - unshift是可以给数组前面追加新的元素
    - unshift（）参数直接写数组元素就可以了
    - unshift完毕之后，返回的结果是新数组的长度
    - 原数组也会发生变化
  3. pop() 他可以删除数组的最后一个元素
```
arr.pop()
```
    - pop是可以删除数组的最后一个元素，记住一次只能删除一个元素
    - pop（）没有参数
    - pop完毕之后，返回的结果是删除的那个元素
    - 原数组也会发生变化
  4. shift() 他可以删除数组的第一个元素
```
arr.shift()
```
    - shift是可以删除数组的第一个元素，记住一次只能删除一个元素
    - shift（）没有参数
    - shift完毕之后，返回的结果是删除的那个元素
    - 原数组也会发生变化
3. 翻转数组 arr.reverse()，数组排序（冒泡排序）arr.sort()
```
var arr1 = [13,4,77,1,7];
arr1.sort(function(a,b){
	return a - b;  //升序的顺序排列
	return b - a;  //降序的顺序排列
});
console.log(arr1);
```
4. 数组的索引方法
  1. indexOf(数组元素) 作用是返回该数组元素的索引号
    
    arr.indexOf('数组中的某一个元素')
    - 他是从数组的第一个元素开始查找数组元素的，
    - 他只返回第一个满足条件的索引号
    - 他如果在该数组里面找不到元素，则返回的是-1
  2. lastIndexOf(数组元素) 作用是返回该数组元素的索引号
    - 他是从数组的最后一个元素开始倒着查找数组元素的，
    - 但返回的索引号依旧是正序排列
5. 数组转换为字符串方法
  1. toString() 将数组转化为字符串
  2. join(分隔符) arr.join(分隔符)
6. 额外的数组对象
  1. concat（）：连接两个或多个数组，返回一个新的数组
    
    var arr3 = arr1.concat(arr2);
  2. slice（）：数组截取slice（begin，end），返回被截取项目的新数组
    - 截取的新项目包含end不包含begin，若为负值时，则从数组末尾开始计算
  3. splice（）：数组删除splice（第几个开始，删除个数），返回被删除项目的数组
    - 影响原数组,还可以在删除个数之后添加新建元素，从而达成一个新的字符串
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pbocD1K3-1652787027168)(D:\桌面\前端\note\2022-05-17-1.png)]

splice（）：数组删除splice（第几个开始，删除个数），返回被删除项目的数组

  + 影响原数组,还可以在删除个数之后添加新建元素，从而达成一个新的字符串
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a8cd2e38eca945a4a9b462ea0f6bb78e.jpeg#pic_center)

THE END

网课听的B站pink老师的JS基础语法，有什么不对的地方欢迎各位大佬前来批评指正哇

Rewind_lv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS内置对象个人总结

2022/05/14学习笔记JavaScriptjs内置对象JavaScript的对象分为三种：自定义对象，内置对象，浏览器对象内置对象就是指JS语言自带的一些对象，供开发者使用，并提供一些常用的或是最基本而必要的功能（属性和方法），帮助开发者快速开发内置对象对应文档（MDN/W3C）如何学习对象中的方法？查阅该方法的功能查看里面参数的意义和类型查看返回值的意义和类型通过demo进行测试Math对象Math数学对象不是一个构造函数，所以我们不需要new来
复制链接

扫一扫