js基本数据类型
2017-05-21 21:30
260 查看
js中数据类型
js的数据类型基本数据类型
数字 number
布尔 boolean
字符串 string
null 空 本身保留位置,之后可以添加值
undefined 未定义 本应有值,但是未定义值
引用数据类型
对象 object
对象类 Object
数组类 Array
正则类 RegExp
数学算数类 Math
字符串类 String
数字类 Number
函数 function
number 数字
Number() 将其他数据类型转为数字数据类型,如果传入的值有一个不是数字,返回NaN,否则返回数字
对象–> 数字 对象转为字符串,字符串转为数字
{}.toString() –> “[object Object]” –> NaN
[].toString() –> “” –> 0
字符串 – > 数字
null – > 0
undefined –> NaN
true – > 1 false –> 0
parseFloat(value) 能识别小数,从值的左侧查找到右侧,如果是数字就返回数字,如果遇到非数字停止查找,如果第一个值就不是数字,返回NaN
parseInt(value) 识别整数部分,从值的左侧查找到右侧,如果是数字就返回数字的整数部分,如果遇到非数字停止查找,如果第一个值就不是数字,返回NaN
isNaN(value) 判断一个值,不是一个数字
true 不是数字
false 是数字
boolean 布尔
Boolean(value) 将其他数据类型转为布尔类型(判断一个值是真是假)
true
false
!value 先将value转为布尔类型,然后取反
!!value 将其他数据类型转为布尔类型,先将value转为布尔类型,然后取反再取反
0 NaN “” null undefined 为false 其余都为真
!{} –> false
布尔运算不需要将值转为任何数据类型,直接根据五个值为假进行判断
Boolean([]); 不应该继续转化 Boolean(''); × Boolean(0); ×
字符串 string
字符串在js中是用来储存字符的一个变量,用引号将字符包起来,那么包起来的部分无论是代码还是其他,都没有任何意义
<script> "alert('晓丰嘿嘿嘿')" alert('晓丰呵呵呵') </script>
引号可以使用双引号也可以使用单引号,如果是嵌套使用,双引号和单引号需要交叉使用
<
4000
/ul>
"alert("xxx")" 错误 "alert('xxx')" 正确 'alert("xxx")' 正确
任何数据类型+字符串 都是字符串拼接
1+"" -- > "1" var str={}; var str1=str+"abc";// "[object Object]abc"
Object 对象类
对象类的实例
如何创建一个对象实例
字面量 var obj={}
实例创建 var obj=new Object();
给对象添加键值对(新增属性)
obj.newName=newValue;
obj[“newName”]=newValue;
修改将原有的属性中的属性值进行修改
obj.oldName=newValue;
obj[“oldName”]=newValue;
删除
将键值对完全删除
delete obj.oldName
delete obj[‘oldName’]
删除属性值,保留属性
obj.oldName=null;
obj[“oldName”]=null;
键值对组成对象,键值对是用来描述这个对象特征的,那么这些键值对有些是天生就有的,我们称之为内置属性,有些是人为定义的,我们称之为自定义属性。
以数字为属性名的时候,只用通过对象名[‘属性名’]的方式操作,是数字的时候可以省略引号
js中数据类型的比较 (==)
两个等号的比较,等号两侧数据类型允许不一致,如果不一致的时候,等号两侧会默认转为同一数据类型再进行比较- 对象==对象 永远不相等
- 对象==字符串 对象转为字符串,字符串和字符串比较
- 对象==数字 对象转为字符串,字符串转为数字,数字和数字比较
- 对象==布尔 对象转为字符串,字符串转为数字,布尔转为数字,数字和数字比较
- 字符串==数字 字符串转为数字,数字和数字比较
- 字符串==布尔 字符串转为数字,布尔转为数字,数字和数字比较
[]==false;//true,这个是字符串和布尔比较,全部转化成数字。两边都是0. ![]==false://teue,这个是布尔和布尔比较,不进行转化,直接比较。两边都是false
布尔==数字 布尔转为数字,数字和数字比较
null==undefined true,undefined与null是相等;
null===undefined fasle
null或undefined与其他数据类型比较都不相等
NaN==NaN 永远不相等 ,NaN与任何值都不相等,与自己也不相等。
基本数据类型和引用数据类型的区别
基本数据类型:如果将一个变量的基本数据类型的值赋值给另一个变量,那么原来变量之后的操作,与另一个变量一点关系都没有,因为基本数据类型会直接将值传递给对方,相当于两个变量存的值一致,但是有两份。复制基本数据类型直接操作值
引用数据类型:
var obj1={ name:'zfpx' }; var obj2=obj1; obj1.name="iloveyou"; console.log(obj1,obj2);
浏览器提供一个全局作用域供这段代码从上到下执行;
遇到obj1,发现其是引用数据类型,浏览器会开辟一个内存空间将obj1中的代码块当做字符串,存储在这个内存空间中,给内存空间一个十六进制的地址,将这个地址返回给obj1,此时obj1=内存地址;
当obj2=obj1时,obj1给obj2的其实是obj1中存储的内容地址,那么obj2也会通过这个地址去查找和obj1一样的内存空间;
无论修改obj1还是修改obj2,其实都是操作的一个地址,所以一个改变,另一个也会跟着改变。
引用数据类型操作的是一个内存地址。
D盘中是源文件,将这个源文件增加了几个快捷方式,一个放在桌面上,一个放在C盘中,一个放在E盘中,那么桌面还是c盘还是E盘,其实操作的都是D盘那个原始文件,也就是说文件只有一个,通道有很多
数据类型的检测
typeof value 运算符检测的返回值是一个字符串,引号中间包着该值的数据类型
typeof 运算符不能具体检测object下的数据类型
typeof 运算符检测null的时候,返回值为”object”
typeof 运算符在一个公式中出现两次或以上,最终值都是”string”
typeof 1;// "number" typeof null;//"object" typeof [];//"object" typeof "abc";//"string" typeof undefined;//"undefined" typeof true;//"boolean" typeof {};//"object" typeof function () {};//"function" typeof /^%/;//"object" typeof NaN;//"number"
instanceof 判断已知对象是否属于哪一类
一个值是否属于这个类的一个实例
[1,2,3] instanceof Array // true
constructor (构造器)
[1,2,3].constructor === Array // true
Object.prototype.toString.call()
Object.prototype.toString.call([1,2]);//"[object Array]"
判断
条件运算符(三元运算符/三目运算符)
基于某些条件对变量进行赋值的条件运算符var num=(a>b)?val1:val2; // a>b 成立 num=val1 // a>b 不成立 num=val2
如果一个条件判断完成,有多个语句需要执行的时候,我们需要将这些语句用逗号隔开,并且放在一个括号内
a>b?(alert("珠峰培训"),console.log("zfpx")):alert("耿大爷");
如果条件成立执行一些语句,如条件不成立就什么也不执行
a>b?alert('123'):void (0);
三元、三目,条件运算符,默认是给变量进行赋值的,还可以判断一个条件是否成立,如果成立执行冒号前的语句,如果不成立执行冒号后的语句
if语句 可以支持js中所有的判断
if 后面的条件,我们在判断的时候,视为一个整体,我们会判断这个整体为真或为假,也就是说if后面的这个()中最终返回值要么是true要么是falseif
if (条件){条件成立时执行的js语句}
if else
if (条件){ 条件成立时执行的js语句 }else{ 条件不成立时执行的js语句 }
if else if else
代码从上到下执行的时候,如果遇到一个条件成立,执行对应的代码,这个成立的条件后面的判断代码就不会再执行了if (条件1){ 条件1成立时执行的js语句 }else if(条件2){ 条件2成立时执行的js语句 }else{ 以上条件都不成立时执行的代码 }
switch 语句用于基于不同的条件来执行不同的动作
switch (条件){ case 值1: 条件===值1的时候要执行的操作; break; case 值2: 条件===值2的时候要执行的操作; break; default: 以上都不成立执行的代码; }
switch 判断中如果有一个条件成立,这个条件后面如果不添加break的话,那么这个成立条件后面的其他代码,都会执行一遍,加上break是跳出判断的意思,也就是说这个成立条件执行完成之后,其余代码不会再执行了
循环
for
运行环境(什么时候时候使用for循环):for循环适用于已知循环次数作用:一遍遍执行相同的代码
语法:
for (声明一个变量并且赋值;定义循环的次数;){
要一遍遍执行的代码;
每次执行完成代码后都进行累加,让我的初始值慢慢变大,最后大于定义的循环次数后,结束全部循环
}
for (var i=0;i<4;){ 要一遍遍执行的代码; i++; } for (var i=0;i<4;i++){ 要一遍遍执行的代码; }
计算机会将一切复杂运算简单化,所以数据类型比较的时候,同数据类型比较,不会转化为其他数据类型,判断的时候,如果需要布尔值,也不会转为其他数据类型
= 在js中是赋值,如果等号右侧是一个运算的话,会将运算完成的最终结果刚给到等号左侧的变量或者属性
<div style="background-color:red;"></div> <script> var box=document.querySelector('div'); var bg=box.style.backgroundColor; console.log(bg);// "red" </script>
相关文章推荐
- JS基本数据类型和引用类型的参数传递详细分析
- Perl与JS的比较(基本数据类型)
- JS 基本数据类型
- JS基本数据类型和引用数据类型的区别
- js基本概念注意点—数据类型
- js复习之-基本语法及数据类型
- js基本数据类型和typeof
- js基本数据类型与类型检测
- javascript复习笔记(一)js基础,基本语法,数据类型,控制流程
- 【javascript笔记】js基本数据类型
- Js从头学起(基本数据类型和引用类型的参数传递详细分析)
- Js与Java的基本数据类型
- 49 JS-3 function 对象,基本数据类型 对象的定义 匿名函数
- Js_基本数据类型
- js基本数据类型及判断方法
- JS的基本数据类型
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理
- JS 对 基本数据类型 和 引用类型 的判断
- js基本数据类型
- js基本数据类型及判断方法