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

一、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

目前最新的 JS 定义了七种数据类型。

  • 原始类型
    • Boolean
    • Null
    • Undefined
    • Number
    • String
    • Symbol(ECMA 6 新定义)
  • 复杂类型
    • Object

原始类型是最基本的数据类型,无法被再细分。复杂类型指的是对象,一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。

参考: JavaScript 数据类型和数据结构 | MDN

二、typeof 和 instanceof 的作用和区别?

1. 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

2. instanceof

instanceof用来检测指定对象是否拥有某构造函数的prototype属性,返回布尔值,如

let num = new Number( 2 )
console.log(num instanceof Number) //true

3. 区别

typeof用于判断一个变量的类型,而instanceof用于判断一个对象是否是另一对象的实例。

三、如何判断一个变量是否是数字、字符串、布尔、函数

typeof直接判断,返回的字符串就是该类型

四、NaN 是什么? 有什么特别之处?

NaN(Not a Number)表示非数值,可以理解为是一个不确定的数值。所以:

  1. 所有与 NaN 的操作结果返回都是 NaN。
  2. NaN === NaN 返回 false

正是因为 NaN 表示不确定数值,所以每一个 NaN 都不确定,就不相等。

五、如何把非数值转化为数值?

parseInt() parseFloat() Number()

六、== 与 === 有什么区别

  1. == 相等运算符,在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。
  2. === 严格运算符,两个比较值必须是同一类型的同一结果。

七、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

十一、以下代码的输出结果是?为什么?

 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])
}

十四、以下代码输出结果是? 为什么?

var a = 1, b = 2, c = 3
var val = typeof a + b || c > 0
console.log(val)  // number2
//typeof 优先级高, || 或运算只有真的值有效,都为假返回 false,所以上面可以拆解为: val = (typeof a) + b 。前面已经是真,后面语句被短路

var d = 5
var data = d ==5 && console.log('bb')
console.log(data)  //undefined
//与运算符为真就一直运行下去,知道最后一个,为假直接返回 false,所以:data = console.log('bb') 。而console.log()的返回是 undefined

var data2 = d = 0 || console.log('haha')
console.log(data2)  //undefined
// 同理,可以拆为:data2 = d = console.log('haha')
 
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)  //2
//取反运算符,结果不是 true 就是 false;逗号操作符,返回最后一条语句结果,所以: x = !!"Hello" + !!"from here!"。即 x = true + true,对布尔值进行运算,计算机直接转化为对应的 0 和 1

你可能感兴趣的:(数据类型运算符流程控制语句)