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):返回数据类型
JavaScript基础知识梳理的更多相关文章
- JavaScript基础知识梳理,你能回答几道题?
在学习JavaScript的时候,总是这里学一点,那里学一点,很的很零星,很杂,没有很系统的去学习,感觉好像JavaScript的知识点都了解了,但是真正要说起来,又不知道从何说起! 最深刻的体会就是 ...
- javascript基础知识梳理-Number与String之间的互相转换【转】
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JavaScript 基础知识梳理——事件
事件 1)事件是文档或浏览器窗口中发生的特定的交互瞬间. JavaScript和HTML之间的交互是通过事件实现的. 2)事件流——描述的是从页面中接受事件的顺序 IE——事件冒泡流 Netscape ...
- JavaScript 基础知识梳理——数据类型
JavaScript的数据类型公有六种,ES6又新增了第七种Symbol类型的值. 数值(number) 字符串(string) 布尔值(boolean) undefined null 对象(obje ...
- [C# 基础知识梳理系列]专题六:泛型基础篇——为什么引入泛型
引言: 前面专题主要介绍了C#1中的2个核心特性——委托和事件,然而在C# 2.0中又引入一个很重要的特性,它就是泛型,大家在平常的操作中肯定会经常碰到并使用它,如果你对于它的一些相关特性还不是很了解 ...
- [SQL] SQL 基础知识梳理(一)- 数据库与 SQL
SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...
- [SQL] SQL 基础知识梳理(二) - 查询基础
SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 这是<SQL 基础知识梳理( ...
- [SQL] SQL 基础知识梳理(三) - 聚合和排序
SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序 这是<SQL 基础知识梳理 ...
- [SQL] SQL 基础知识梳理(四) - 数据更新
SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序 这是<SQL 基础知识梳理( ...
随机推荐
- C#声明一个100大小的数组 随机生成1-100之间不重复的数
面试题:C#声明一个100大小的数组 随机生成1-100之间不重复的数下面是C#的实现方式,编译测试通过 public static void InsertRandomArray() { int[] ...
- JQuery获取父,子,兄弟节点
jQuery.parent(expr) // 查找父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent ...
- vue通过事件向父级组件发送消息(官网点击放大例子)
注意:Vue.component一定要写在new Vue之前 在页面中使用组件 整体代码示例
- CSS绘制正五角星原理(数学模型)
尽管网上有很多CSS绘制五角星的代码案例,但是对于初学者来说可以拿来移植使用,但是在不明白其原理的情况下,进行修改移植就比较困难了.譬如想要将五角星尺寸进行缩小或者放大等设计,就需要对原代码相关数据进 ...
- 威联通(NAS)搭建个人音乐中心
我为什么要自己搭建音乐服务 曾记得早些年,音乐是可以随便在线听,随便下载的,没有付费这么一说的(背后是音乐平台提供的版权支持).我们听音乐也就可以很随意,但是这几年,音乐的版权开始管理的严禁,音乐没地 ...
- 【APIO2019】桥梁(询问分块)
Description 给定一张 \(n\) 个点,\(m\) 条边的无向图,边 \(i\) 的权值为 \(d_i\).现有 \(q\) 次操作,第 \(j\) 个操作有两种模式: \(1\ b_j\ ...
- Json处理方式记录
1.可以直接使用Parse方法 JObject jObject = JObject.Parse(res); string mediaId = jObject["media_id"] ...
- logstash导入DNS解析数据到es中,中间有filebeat
这个过程中,主要用logstash处理数据的时候不好处理. 在logstash-sample.conf这个配置文件中的配置,我用这个监控filebeat的5044端口 # Sample Logstas ...
- .Net Core Excel导入导出神器Npoi.Mapper
前言 我们在日常开发中对Excel的操作可能会比较频繁,好多功能都会涉及到Excel的操作.在.Net Core中大家可能使用Npoi比较多,这款软件功能也十分强大,而且接近原始编程.但是直接使用Np ...
- 精尽Spring MVC源码分析 - HandlerMapping 组件(二)之 HandlerInterceptor 拦截器
该系列文档是本人在学习 Spring MVC 的源码过程中总结下来的,可能对读者不太友好,请结合我的源码注释 Spring MVC 源码分析 GitHub 地址 进行阅读 Spring 版本:5.2. ...