JavaScript学习之五对象（数字，日期，数组，字符串）

最新推荐文章于 2023-02-25 22:27:20 发布

淋酱

最新推荐文章于 2023-02-25 22:27:20 发布

阅读量213

点赞数

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/qq_55046209/article/details/125886945

版权

JavaScript中的对象分为：自定义对象，内置对象，浏览器对象
自定义对象和内置对象是js基础内容，属于ECMAScript，浏览器对象属于js独有的
内置对象是指JS语言自带的一些对象，供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），直接实现某种功能（帮助开发者快速开发）
JavaScript提供了多个内置对象：math，date，array，string等
如何学习对象中的方法
1. 1. 查阅该方法的功能
  2. 查看里面参数的意义和类型
  3. 查看返回值的意义和类型
  4. 通过demo进行测试
数学对象（Math）：不是一个构造函数，所以不需要new来调用，而是直接使用里面的属性和方法
Math方法：
随机数方法random（）：返回一个随机的小数0《x<1,方法里面不带参数
数字对象案例1：得到两个数之间的随机整数并且包含这两个整数：
数字对象案例2：随机点名
日期对象（Date()）:是一个构造函数，必须使用new来调用创建我们的日期对象
日期对象案例：
1. 如果没有参数，返回当前系统的当前时间：
2. 参数常用的写法：
  1. 数值型：2022，7，9 eg: var data1=new Date(2022,7,9)
  2. 字符串型’2022-7-9 16:0:0’ eg: var date2=new Date(’2022-7-9 16:0:0’ )
日期格式化：
日期格式化案例：
- 年月日：
- 具体日期：
- 时分秒：
- 获得Date总的毫秒数：
- 转换公式
倒计时效果：
创建数组的两种方式：
- 利用数组字面量:
- 利用newArray():
监测是否为数组：
1. Instanceof(运算符)：可以用来监测是否为数组
2. Array.isArray(参数)：H5新增的方法，ie9以上版本支持
添加删除数组元素：
1. Push（）在数组末尾添加一个或多个数组元素（push（）参数直接写数组元素，返回值为新数组的长度，原数组也会发生变化）
2. Unshift（）在数组开头添加一个或多个数组元素（unshift直接写参数，返回值为新数组的长度，原数组会发生变化）
3. Pop（）删除数组的最后一个元素，一次只能删除一个（后面不跟参数，返回值为被删除的数组元素值，原数组发生变化）
4. Shift（）删除数组的第一个元素，一个只能删除一个（后面不跟参数，返回值为数组第一个元素值，原数组会发生变化）
筛选数组：
数组排序：
1. 翻转数组
2. 数组排序
  1. （只能排个位数的值）
数组索引方法：
案例：数组去重
案例：数组转换为字符串
1. ToSytring（）将数组转换为字符串
2. Join（分隔符）
数组对象
1. Concat（）连接两个或多个数组，不影响原数组，返回一个新数组
2. Slice（）数组截取slice（begin，end），返回被截取项目的新数组
3. Splice（）数组删除splice（第几个开始，要删除个数），返回被删除项目的新数组，会影响原数组
基本包装类型：就是把简单数据类型，包装成为了复杂数据类型，使得基本数据类型有了属性和方法
1. 把简单数据类型包装为复杂数据类型
2. 把临时变量的值给str
3. 销毁临时变量
字符串的不可变性：指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中新开辟了一个内存空间，因为字符串的不可变，所以不要大量的拼接字符串
字符串所有的方法，都不会修改字符串本身（字符串是不可变的），操作完成会返回一个新的字符串
案例：返回字符位置及出现次数
根据位置返回字符
1. CharAt（index）根据位置返回字符
2. CharCodeAt（index）返回相应索引号的字符ascll值，判断用户按下的键值
3. Str[index]H5新增，返回指定位置处字符
案例：统计出现最多的字符和次数
字符串操作方法（重点）
1. 替换字符replace（‘被替换的字符’，’替换为的字符’），只会替换第一个字符
2. 字符转换为数组split（‘分隔符’）