JavaScript基础知识梳理
一、简单数据类型
Number、String、Boolean、Undefined、Null
1、Number:
方法:
toPrecision( ) 返回指定长度的数字(范围是1到100)
toFixed( ) 用于小数点后面的位数四舍五入(默认为0,范围是0到100)
toString( ) 转换为字符串
Number() 转换为数字
toExponential() 将数字转换为指数
valueOf()返回数字的原始值
Number.isInteger() 判断是否为整数 (不做类型转换)
Number.isFinite() 判断是否是有限数字。 (不做类型转换)
Number.isNaN() 判断是否为NaN
范围:
最小值:Number.MIN_VALUE,值为: 5e-324
最大值:Number.MAX_VALUE,值为: 1.7976931348623157e+308
进制转换:
十进制转其它toString():十进制.toString(8/16/32)
其它进制转十进制parseInt():parseInt(其他进制,8/16/32)
其他进制转其他进制:先转为十进制,在转为其他进制
2、String
属性:
length 属性返回字符串的长度
方法:
toLowerCase() 把字符串转为小写,返回新的字符串
toUpperCase() 把字符串转为大写,返回新的字符串
charAt() 返回指定下标位置的字符
charCodeAt() 返回指定下标位置的字符的unicode编码
indexOf() 返回字符串中指定文本首次出现的索引(未找到返回-1)
lastIndexOf() 返回指定文本在字符串中最后一次出现的索引(未找到返回-1)
search() 搜索特定值的字符串,并返回匹配的位置
slice(x,y) 返回字符串中下标x到下标y的字符串但不包含y
substring() 用法与slice()一样,但不接受负值的参数
substr(x,length) 返回字符串中下标从x开始的length长度的字符串
replace(x0,x1) 用字符串x1替换x0,返回新字符串
concat() 连接两个或多个字符串
trim() 删除字符串两端的空白符
split() 把字符串分割成字符串数组
match() 返回所有查找的关键字内容的数组
字符串拼接:
两边只要有一个是字符串,那么+就是字符串拼接功能
两边如果都是数字,那么就是算术功能
1+abc //"1abc"
1+"2" //"12"
1+2 //3
1+true //2
1+false //1
1+[6] //"61"
1+{} //[object Object]1
1+undefine //NaN
"2"-1//1
"as"-1//NaN
[]-1//-1
3、Boolean
字面量:true和false,区分大小写
计算机内部存储:true为1,false为0
4、Undefined
表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined
5、Null
null表示一个空,变量的值如果想为null,必须手动设置
二、复杂数据类型
object(function、Array、Date)
1、Array数组
属性:
length 属性返回数组的长度
constructor 对创建数组对象的Array构造函数的引用
prototype 原型
方法:
toString() 把数组转换为数组
join() 将所有数组元素结合为一个字符串(可以设置分隔符)
pop() 从数组中删除最后一个元素
shift() 从数组中删除首个元素
push() 在数组结尾处向数组添加一个新的元素
unshift() 在开头向数组添加新元素
reverse() 颠倒数组中元素的顺序。
splice删除元素,并向数组中删除的位置添加新的元素,返回删除的元素
concat() 合并数组
slice() 从数组中返回已选定的元素(返回新数组)
sort() 对数组的元素进行排序,并返回排序后的数组
Math.max.apply(null, arr) 返回数组中最大值
Math.min.apply(null, arr) 返回数组中最小值
forEach() 循环遍历数组 (不能通过return false阻止循环,应使用try catch)
indexOf() 同字符串
lastIndexOf() 同字符串
map() 循环遍历数组不会更改原始数组。
filter() 数组过滤
reduce()
every() 检查所有数组值是否通过测试,返回true或false
some() 检查某些数组值是否通过了测试,返回true或false
find() 方法返回通过测试函数的第一个数组元素的值
findIndex() 方法返回通过测试函数的第一个数组元素的索引
2、Date日期
new Date() 用当前日期和时间创建新的日期对象
获取当前日期(时间戳转时间格式):
let day = (t)=> {
var date = new Date(parseInt(t));
var YY = date.getFullYear() + '-';
var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
return YY + MM + DD + " " + hh + mm + ss;
}
获取当前时间戳:
new Date().getTime()
3、function函数
this:谁调用函数,函数的this就指向谁。
预解析:
把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值。
把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升调用。
先提升var,在提升function
三、数据类型检测
typeof: 一般只能返回如下几个结果:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。不能检测复杂类型和null
数字:number
字符串:string
true和false:boolean
对象和数组:object
未定义未赋值:undefined
Instanceof:可用来检测复杂数据类型,不能检测undefined和null
console.log(a instanceof Array)
console.log(b instanceof Object)
Object.prototype.toString.call():原型上精确检测数据类型 全部都可
Object.prototype.toString.call(data).slice(8,-1):返回数据类型