美文网首页饥人谷技术博客
数据类型运算符流程控制语句

数据类型运算符流程控制语句

作者: 1a659520c6fc | 来源:发表于2017-08-30 12:27 被阅读21次
JavaScript的数据类型

六种数据类型

  • 数值(Number):整数和消暑
  • 字符串(String):字符组成的文本("a"、'a')
  • 布尔值(Boolean):只有真(false)假(true)两个值
  • null:表示空值,此处的值为空
  • undefined:未赋值
  • 对象(Object):各种值的集合

其中数值、字符串、布尔值是原始数据类型,它们是最基本的数据类型;对象是合成数据类型,是有多个原始数据类型和成,是一个存放各种值的容器,对象可分为三个子类型:狭义对象(Object)、数组(array)、函数(function);undefined和null是两个特殊的值

typeof和instanceof

typeof用于返回一个数据的原始数据类型
数值:typeof 1 // "number"
字符串: typeof '1' // "string"
布尔: typeof true // "boolean"
函数:返回function
undefined:返回undefined
上述可以看出判断一个变量类型可以使用typeof
var a = xxx
if(typeof a === "number"){console.log(a)}

Window/{ }/[ ]/null 都返回 object
null返回object是一个历史bug,本质上是一个类似于undefined的特殊值
因为typeof对 { }和[ ]都返回object所以要用instanceof去分辨
{} instanceof Array // false
[] instanceof Array // true

NaN

Not a Number 它不是一种独立的数据类型,而是一个特殊的数值,它的数据类型属于number,可以理解为不是一个数字的数字 它和任何包括其自己本身都不相等(===)

非数值转化为数值

Number():将字符串转化为数值但是字符串必须都是数字
parseInt(): 将字符串转为整数,如果字符串头部有空格,空格会被自动去除;如果参数不是字符串,则会先转为字符串再转换;字符串转为整数的时候,是一个个字符依次转换,如果遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分;如果字符串的第一个字符不能转化为数字(后面跟着数字的正负号除外),返回NaN;注意开头是否为进制的开头;并且运行转换为数值时可以有第二个参数:parseInt('1000', 2) // 8 此时注意进制的规则
parseFloat():将字符串转化为浮点数,规则同parseInt,但是true/null/空字符串时 Number为数值,它为NaN

==和===

===时严格意义的相对,且不会再比较时进行数据类型转换,NaN===NaN //false
==为值相等,比较时会转换数据类型

  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
  • 如果一个是null,一个是undefined,那么相等
  • 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
  • 如果一个值是true/false则将其转为1/0比较
  • 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
  • 其它不相等
break和continue

break 用于强制退出循环体,执行循环后面的语句
continue 用于退出本次循环,执行下次循环
也可以配合label使用跳出label标记的循环体或本次循环

void 0 和 undefined

void 会执行后面的表达式并返回 undefined,但是某些情境下undefined可以被赋值,比如函数中,这样就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

console.log(1+1);//输出2,两个数字加法运算
console.log("2"+"4");//输出'24',两个字符串类型的做字符串拼接
console.log(2+"4");//输出'24',一个是数字一个是字符串,数字转化为字符串后拼接
console.log(+"4");//输出4,只有一个字符串会转换成数字输出

var a = 1;
a+++a; //输出3,理解为(a++)+ a,++运算符比+运算优先级更高,a++结果为1,a变成了2,所以结果为1+2=3。
typeof a+2;//输出"number2",typeof的优先级高于+运算,所以输出字符串number,字符串与数字相加时,数字转换为字符串,然后字符串拼接就变成"number2"

var a = 1;
var b = 3;
console.log( a+++b );//输出4,(a++)+b

数组的便利
var arr = [3,4,5]
for (var i = 0; i < arr.length; i++){console.log(arr[i]*arr[i])}

for...in的便利

var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for(var key in obj){console.log(key+":"+obj[key])}

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val)
((typeof a )+ b)
typeof优先级高所以左边为"number2",短路或左边为true则为true右边不执行,将"number2"赋值给val

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
(d ==5 )&& console.log('bb')
d==5为true,执行右边打印bb,&&返回第一个布尔值为false的值如果没有,则返回最后一个,右边的值为undefined

var data2 = d = 0 || console.log('haha')
console.log(data2)
0为false则执行右边打印haha并返回undefined赋给d,d为undefined赋给data2

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
false为0,treu为1 ,逗号运算符返还后面的值所以为2

&& 返回第一个 布尔值为false 的值 如果没有 则返回最后一个
|| 返回第一个 布尔值为 true 的值 如果没有 则返回最后一个

相关文章

  • 2018-09-09

    java语法 包括 数据类型 、变量、运算符、流程控制语句、循环结构 1、数据类型 基本数据类型: ①浮点型(小数...

  • 数据类型运算符流程控制语句

    数据类型运算符流程控制语句 一、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类...

  • 数据类型运算符流程控制语句

    数据类型运算符流程控制语句 JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和...

  • Dart语法学习

    目录 参考资料 语言特性 关键字 变量与常量 数据类型 运算符 operators 控制流程语句 异常 Excep...

  • JS语法

    JavaScript基本概念、基础数据类型、运算符、流程控制语句。 一、CSS和JS在网页中的放置顺序是怎样的? ...

  • 关于Javascript语法

    * 这是关于JavaScript基本概念、基础数据类型、运算符、流程控制语句的一些小知识 * 1.CSS和JS在网...

  • 16.JS 语法

    学习内容:JavaScript基本概念,基础数据类型,运算符,流程控制语句 一、CSS和JS在网页中的放置顺序是怎...

  • Flutter之Dart语言 简述

    目录 变量声明 数据类型 关键字与运算符 流程控制语句 函数 变量声明 1. var var 类似于JavaScr...

  • 2018.10.31条件语句和循环语句

    流程控制语句 JS条件语句 通过条件来控制程序的走向,需要用到条件语句 运算符分类 明细算术运算符 +(加)...

  • 编程基础(掌握)

    常量与变量、数据类型、运算符、流程控制语句、方法、数组 *注释:用来解释说明代码的-->写代码一定要写注释 单行注...

网友评论

    本文标题:数据类型运算符流程控制语句

    本文链接:https://www.haomeiwen.com/subject/oluzdxtx.html