数据类型运算符流程控制语句
一、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
目前最新的 JS 定义了七种数据类型。
数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如"Hello World")
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
null:表示无值,即此处的值就是“无”的状态。
对象(object):各种值组成的集合
通常,我们将数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。而将对象称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。
对象又可以分成三个子类型。
狭义的对象(object)
数组(array)
函数(function)
参考: JavaScript 数据类型和数据结构 | MDN
二、typeof 和 instanceof 的作用和区别?
- typeof
typeof返回一个字符串,表示指定对象的类型,可能的返回值有:
undefined ==> undefined
null || object ==> object
boolean ==> boolean
number ==> number
string ==> string
symbol ==> symbol
function ==> function
如:
let str ='apple'console.log(typeof str) // string
instanceof
instanceof用来检测指定对象是否拥有某构造函数的prototype属性,返回布尔值,如
let num = new Number( 2 )console.log(num instanceof Number) //true区别
typeof用于判断一个变量的类型,而instanceof用于判断一个对象是否是另一对象的实例。
三、如何判断一个变量是否是数字、字符串、布尔、函数
用typeof直接判断,返回的字符串就是该类型
四、NaN 是什么? 有什么特别之处?
NaN(Not a Number)表示非数值,可以理解为是一个不确定的数值。所以:
所有与 NaN 的操作结果返回都是 NaN。
NaN === NaN 返回 false。
正是因为 NaN 表示不确定数值,所以每一个 NaN 都不确定,就不相等。
五、如何把非数值转化为数值?
parseInt() 函数解析一个字符串参数,并返回一个指定基数的整数 (数学系统的基础)。
The parseFloat() function parses an argument and returns a floating point number.
Number()
In JavaScript, Number is a numeric data type in the double-precision 64-bit floating point format (IEEE 754). In other programming languages different numeric types can exist, for examples: Integers, Floats, Doubles, or Bignums.
Number.parseInt() 方法可以根据给定的进制数把一个字符串解析成整数。
六、== 与 === 有什么区别
== 相等运算符,在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。
=== 严格运算符,两个比较值必须是同一类型的同一结果。
七、break 与 continue 有什么区别
break表示退出当前循环或者退出指定循环,是彻底结束循环。continue是结束本次循环,进入下一次循环。
八、void 0 和 undefined 在使用场景上有什么区别
void是一元操作符,你可以在后面接一条语句,但void返回的永远是undifined。而undefined在 ES5 中是全局对象的一个只读(read-only)属性了,它不能被重写。但在局部作用域中还是可以改写:
(function () { var undefined = 1 console.log(undefined)})()
因此,当你需要百分比获得undefined时,可以用void 0 void console.log(1) void false等等等,最后返回的都是undefined,因为 void 0很短,所以就用它。
参考:为什么用 void 0 代替 undefined | GitHub
九、以下代码的输出结果是?为什么?
console.log(1+1) //2 number
console.log("2"+"4") //24 string
console.log(2+"4") //24 string
console.log(+"4") //4 number
打印出执行结果,number 类型相加按照数学方法,number 与 string 相加相当于字符串拼接。
十、以下代码的输出结果是?为什么?
var a = 1 // a === 1
a+++a // a === 2
typeof a+2 // number2
a+++a可以拆分为(a++) + a,所以只有第一次的自加有改变a的值,typeof优先级极高,所以实际上运行的是(typeof a) + 2
a++ 按照顺序理解,先使用,后 + 1;
++a 按照顺序理解,先加一,后使用;
十一、以下代码的输出结果是?为什么?
var a = 1
var b = 3
console.log( a+++b ) /// 4
拆分下:console.log((a++) + b),a++实际是先使用a的值再自加,所以结果是console.log(a + b)。假如换成++a的话,结果就是console.log(1 + a + b)了,可以试下。
十二、遍历数组,把数组里的打印数组每一项的平方
var arr = [3, 4, 5]
var i = 0
while (i < arr.length) { console.log(arr[i] * arr[i]) i++}
十三、遍历 JSON, 打印里面的值
var obj = { name: 'hunger', sex: 'male', age: 28 }
for (var key in obj) { console.log(obj[key])}
十四、以下代码输出结果是? 为什么?
/typeof 优先级高, || 或运算只有真的值有效,都为假返回 false,所以上面可以拆解为: val = (typeof a) + b 。前面已经是真,后面语句被短路,不在执行后面的代码
补充:
1、只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。
2、只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。
我称这种为短路原理: 知道了前面第一个的结果就知道后的输出,如果为第一个为:true,则取第一个的值,如果第一个为false,则取第二个的值。
js请你一定要记住:在js逻辑运算中,0、”“、null、false、undefined、NaN都会判为false,其他都为true。这个一定要记住,不然应用||和&&就会出现问题。
这里顺便提下:看到很多代码if(!!attr),为什么不直接写if(attr);
其实这是一种更严谨的写法:
请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。
//与运算符为真就一直运行下去,最后一个,为假直接返回 false,所以:data = console.log('bb') 。而console.log()的返回是 undefined
补充:
1、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;
2、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;
//同理可拆分成:data2 = d = console.log('haha')
//取反运算符,结果不是 true 就是 false;逗号操作符,返回最后一条语句结果,所以: x = !!"Hello" + !!"from here!!"。即 x = true + true,对布尔值进行运算,计算机直接转化为对应的 0 和 1
参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
http://www.jianshu.com/p/f75c81d01a1b