js内置对象-note
内置对象
- js中的对象分为3种：自定义对象、内置对象、浏览器对象
- 前面的两种对象时js基础内容 属于ecmascript 第三个浏览器对象属于我们js独有的 我们js api讲解
查文档
- MDN MDN
Math对象
Math 是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象
<script>
// 1. 绝对值方法
console.log(Math.abs(1)); //1
console.log(Math.abs(-1)); ///1
console.log(Math.abs('-1')); //1
console.log(Math.abs('pink')); //NaN
// 2. 三个取整方法
// (1) Math.floor() 向下取整 往最小了 取值
console.log(Math.floor(1.2));
console.log(Math.floor(1.8));
// (2) Math.ceil() 向上取整 往最大了 取值
console.log(Math.ceil(1.2));
console.log(Math.ceil(1.9));
// (3) Math.round() 四舍五入 其他数字都是四舍五入 但是 .5特殊 它往大了取
console.log(Math.round(1.4));
console.log(Math.round(1.8));
console.log(Math.round(-1.2));
console.log(Math.round(-1.5));
</script>
console.log(Math.random());
// Math.random()返回的是 一个随机的小数 [0,1)
// 得到2个数之间的随机数
function getRandom(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min; //不含最大值，含最小值
}
console.log(getRandom(1,10));
// 随机点名
var arr = ['小花','小明','小欧'];
console.log(arr[getRandom(0,arr.length-1)]);
</script>
日期对象
Date概述
- Date对象和Math对象不一样， 它是一个构造函数，所以我们需要实例化后才能使用
- Date实例用来处理日期和时间
<script> // Date() 日期对象 是一个构造函数 必须用new 来调试我们的日期对象 var date = new Date(); console.log(date); var date1 = new Date(2019,1,2); console.log(date1); var date2 = new Date(2019-10-1); console.log(date2); </script>
<script>
function conutDown(time){
var nowTime = + new Date();//返回的是当前时间总的毫秒数
var inputTime = +new Date(time);// 返回的是用户输入时间总的毫秒数
var times = (inputTime - nowTime)/1000;// times 是剩余时间总的秒数
d = parseInt(times/60/60/24); //计算天数
d = d<10 ? '0' + d : d;
h = parseInt(times/60/60%24); //计算小时
h = h<10 ? '0' + h : h;
m = parseInt(times / 60 %60); //计算分钟
m = m<10 ? '0' + m : m;
s = parseInt(times%60); //计算当前秒数
s = s<10 ? '0' + s : s;
return d +'天'+ h + '时' + m + '分' + s + '秒';
}
console.log(conutDown('2022-5-7 18:00:00'));
var nowTimes = new Date();
console.log(nowTimes);
</script>
数组对象
- 利用数组字面量
- 利用new Array（）
<script>
// 创建数组的两种方式
// 1.利用数组字面量
var arr = [1,3,54,3]
console.log(arr[0]);
// 利用new Array()
var arr1 = new Array() //创建了一个空的数组
var arr2= new Array(4) //创建一个 长度为4的数组
var arr3 = new Array(3,65,65,65) //等价于[3,65,65,65] 这样写表示里面有2个数组元素 是3,65,65,65
console.log(arr1,arr2,arr3);
</script>
- 检查是否为数组的方法
<script>
//翻转数组
function reverse(arr){
var newArr = [];
for (var i = arr.length -1 ;i>=0;i--){
newArr[newArr.length] = arr[i]
}
return newArr;
}
var arr = new Array(1,54,46,65);
console.log(reverse(arr));
var obj = new Object;
obj.name = 'dfhak';
obj.sex = '男';
console.log(obj);
//1.检查是否为数组 instanceof
console.log(arr instanceof Array);
console.log(obj instanceof Array);
//2. Array.isArray(参数)
console.log(Array.isArray(arr));
console.log(Array.isArray(obj));
</script>
- 增加删除数组元素的方法
<script> //添加数组元素的方法 // push() 在我们数组的末尾添加一个或者多个数组元素 push 推 var arr = [1,34,3,5,35,5]; arr.push(1,1,1,1,1,1,99,9); console.log(arr); //等价于console.log(arr.push((1,1,1,1,1,1)) // 1. push 是可以给数组追加新的元素 // 2. push（）参数直接写 数组元素就可以 // 3. push 完毕之后 返回的 结果是 欣数组的长度 // 4. 原数组也会发生变化 //unshift() var arr1 = [1,34,3,5,35,5]; console.log(arr1.unshift('re','3434')); console.log(arr1); // unshift是可以给数组前面追加新的元素 // unshift()参数直接写 数组元素就可以了 // unshift 完毕之后 返回的结果是 新数组的长度 // 原数组也会发生变化 // pop() 可以删除数组的最后一个元素 一次只能删除一个 // pop()没有参数 // pop完毕之后 返回的结果是 删除的那个元素 // 元素数组也会发生变化 console.log(arr.pop()); // shift 可以删除数组的第一个元素 // shift()没有参数 // shift完毕之后 返回的结果是 删除的那个元素 // 元素数组也会发生变化 console.log(arr1.shift()); </script>
-
数组排序
<script> // 数组排序 var arr = [1,43,5,46,57,687,98,0,7]; // 翻转数组 arr.reverse() console.log(arr); // 冒泡排序 arr.sort(function(a,b){ // return a-b; // 正序 return b-a; //倒叙 }) console.log(arr); </script> -
数组索引方法
<script>
// 返回数组元素索引号的方法 indexOf(数组元素) 作用是返回该数组元素的索引号 从前面开始查找
// 它只返回一个满足条件的索引号
// 如果找不到元素 则返回-1
var arr = [1,3,5,6,7,8,9,9];
console.log(arr.indexOf(7));
// 返回数组元素索引号的方法 lastIndexOf(数组元素) 作用是返回该数组元素的索引号 从后面开始查找
console.log(arr.lastIndexOf(7));
</script>
| 方法名 | 说明 | 返回值 |
|---|---|---|
| concat() | 链接两个或多个数组，不影响原数组 | 返回一个新的数组 |
| slice() | 数组截取slice(begin,end) | 返回被截取项目的新数组 |
| splice() | 数组删除splice(第几个开始，要删除个数) | 返回被删除项目的新数组 注意，这个会影响原数组 |
字符串对象
- 基本包装类型
为了方便操作基本数据类型，js还提供了三个特殊的引用类型，String，Number，Boolean
基本包装类型就是把简单的数据类型包装成为复杂的数据类型
<script>
// 基本包装类型
var str = 'study';
console.log(str.length);
// 对象 才有 属性 和方法 复杂数据类型才有属性和方法
// 基本包装类型， 就是把简单数据类型 包装成为了复杂数据类型
// 把简单数据类型包装为复杂数据类型
var temp = new String('study');
// 把临时变量的值 给str
str= temp;
// 销毁这个临时变量
temp = null;
console.log(str);
</script>
- 字符串不可变
指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中开辟了新的空间
-
根据字符返回位置
字符串所有的方法，都不会修改字符串本身（字符串是不可变的），操作完成会返回一个新的字符串
方法名 说明 indexOf('要查找的字符',开始的位置) 返回指定内容在元字符串中的位置 如果找不到就返回-1，开始的位置是index的索引号 lastIndexOf（） 从后往前找，只找第一个匹配的
<script>
// 字符串对象 根据字符返回位置 str.indexOf('要查找的字符',[起始的位置])
var str = '我自去横刀向天笑，去留肝胆两昆仑';
console.log(str.indexOf('去'));
console.log(str.indexOf('去' ,2));
console.log(str.lastIndexOf('去'));
</script>
- 根据位置返回字符（*）
| 方法名 | 说明 | 使用 |
|---|---|---|
| charAt(index) | 返回指定位置的字符(index 字符串的索引号) | str.charAt(0) |
| charCodeAt(index) | 获取指定位置处字符的ASVLL码(index索引号) | str.charCodeAt(0) |
| str[index] | 获取指定位置处字符 | HTML5，IE8+支持和charAt()等效 |
字符串操作方法
| 方法名 | 说明 |
|---|---|
| concat(str1,str2,str3) | concat()方法用于连续两个或者多个字符串。拼接字符串，等效于+ + 更常用 |
| substr(start,length) | 从start位置开始（索引号），length取的个数重点记住这个 |
| slice(start,end) | 从start位置开始 截取到end位置 end取不到（他们两都是索引号） |
| substring(start,end) | 从start位置开始，截取到end位置end取不到 基本和slice 相同但是不接受负值 |
其他方法
| 方法名 | 说明 |
|---|---|
| replace() | 替换字符replace（'被替换的字符','替换为的字符'）他只会替换第一个字符 |
| split() | 字符串转换为数组split('分隔符') |
<script>
// 替换字符replace（'被替换的字符','替换为的字符'）他只会替换第一个字符
var str = 'helloworld';
console.log(str.replace('he','ss'));
var str1 = 'qwertyuqwertyqwerty';
//将str1 中所有的q 转换为 *
while(str1.indexOf('q') !==-1){
str1 = str1.replace('q','*')
}
console.log(str1);
// 字符串转换为数组split('分隔符')
var str2 = "'red','blue','black'"
console.log(str2.split(','));
var str3 = "red&blue&black";
console.log(str3.split('&'));
// join将数组转换为字符串
var arr = [1,2,4,5,6,7,8];
console.log(arr.join());
</script>
浙公网安备 33010602011771号