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

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

JavaScript 定义了7种数据类型

• 6种原始类型

  • boolean ：true（真）和false（假）两个特定值
  • null ：表示空缺，即此处应该有一个值，但目前为空
  • undefined ：表示“未定义”或不存在，即此处目前没有任何值
  • string ：字符组成的文本（比如"Hello World"）
  • number： 整数和小数（比如1和3.14）
  • symbol(ECMAScript 6 新定义)

• object类型即复杂类型（eg:Object,Array,Function,Data）

区别:

一、原始类型（基本类型）

1. 基本数据类型的值是不可变的
   var name = "change";
   name.substr();//hang
   console.log(name);//change
2. 基本数据类型不可以添加属性和方法
   var p = "change";
   p.age = 29;
   p.method = function(){console.log(name)};
   console.log(p.age)//undefined
   console.log(p.method)//undefined
3. 基本数据类型的赋值是简单赋值
   如果从一个变量向另一个变量赋值基本类型的值，会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上
   var a = 10;
   var b = a;
   a++;
   console.log(a)//11
   console.log(b)//10
4. 基本数据类型的比较是值的比较
   var person1 = '{}';
   var person2 = '{}';
   console.log(person1 == person2); // true

5. 基本数据类型是存放在栈区的
   var name = "jozo";var city = "guangzhou";var age = 22;
   那么它的存储结构如下图：

   
   

二、复杂类型（引用类型）

1. 引用类型的值是可以改变的
         var a = [1,2,3];
             a[0] = 0;//更改数组的一个元素
             a[3] = 4;//给数组增加一个元素

2. 引用类型可以添加属性和方法
   var person = {};
   person.name = "change";
   person.say = function(){alert("hello");}
   console.log(person.name)//change
   console.log(person.say)//function(){alert("hello");}

3. 引用类型的赋值是对象引用
   var a = {};
   var b= a;
   a.name = "change";
   console.log(a.name)//change;
   console.log(b.name)//change
   b.age = 29;
   console.log(a.age)//29
   console.log(b.age)//29
   引用类型保存在变量中的是对象在堆内存中的地址，所以，与基本数据类型的简单赋值不同，这个值的副本实际上是一个指针，而这个指针指向存储在堆内存的一个对象.那么赋值操作后，两个变量都保存了同一个对象地址，而这两个地址指向了同一个对象.因此，改变其中任何一个变量，都会互相影响

   
   

4. 引用类型的比较是引用的比较
   var person1 = {};
   var person2 = {};
   console.log(person1 == person2)//false
   因为引用类型的比较是引用的比较，换句话说，就是比较两个对象保存在栈区的指向堆内存的地址是否相同，此时，虽然p1和p2看起来都是一个"{}"，但是他们保存在栈区中的指向堆内存的地址却是不同的，所以两个对象不相等

   
   

5. 引用类型是同时保存在栈区和堆区中的
   var person1 = {name:"change1"};
   var person2 = {name:"change2"};
   var person3 = {name:"change3"};
   则这三个对象在内存中保存的情况如下图：

   
   

2.typeof和instanceof的作用和区别?

1.typeof操作符是确定一个变量是字符串、数值、布尔、还是undefined的最佳工具，但在检测引用类型的值时，这个操作符的用处不大。

类型	结果
Undefined	"undefined"
Null	"object"
Boolean	"boolean"
Number	"number"
String	"string"
任何其他对象	"object"

2.instanceof运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性，即用来知道是什么类型的对象。
person instanceof Object //person是Object吗
function C(){}
function D(){}
var o = new C(); o instanceof C;// true，因为 Object.getPrototypeOf(o) === C.prototype var a=[]; a instanceof Array;//true

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

使用typeof判断

4.NaN是什么? 有什么特别之处?

NaN是JavaScript的特殊值，表示“非数字”（Not a Number）
特点：
1.NaN不是数字，但是它的数据类型是数字
typeof NaN; //number
2.NaN是JavaScript之中唯一不等于自身的值，不等于任何值，包括它本身
NaN == NaN; //false NaN === NaN; //false
3.NaN在布尔运算时被当作false
Boolean(NaN); //false
4.NaN与任何数（包括它自己）的运算，得到的都是NaN
NaN + 32 //NaN NaN - 32 //NaN NaN * 32 //NaN NaN / 32 //NaN
5.判断NaN的方法
isNaN()原理:isNaN()会将括号内的参数利用Number()进行一次转换.
由于会对参数用Number()进行一次数据转换，故对于字符串、部分对象、部分数组、undefined等，isNaN()会返回true
isNaN('NaN'); //true 等同于isNaN(Number('NaN')); isNaN({}); //true 等同于isNaN(Number({})); isNaN(['xzy']); //true 等同于isNaN(Number(['xzy'])); isNaN(undefined); //true 等同于isNaN(Number(undefined)); Number(undefined)的结果为NaN
但是，对于空数组、只有一个数值成员的数组、null等，isNaN()返回false
isNaN([]); //false isNaN([123]); //false isNaN(['123']); //false isNaN(null); //false Number(null)的结果为0

5.如何把非数值转化为数值?

javascript有3个函数可以把非数值转换为数值：Number()、parseInt()、parseFloat()。
Number()可以用于任何数据类型（此函数平时很少使用）。
parseInt()、parseFloat()专门用于把字符串转换成数值（比较常用的）。

• parseInt(string, radix):识别整数格式。
  如果字符串中的第一个字符是数字字符，parselnt() 也能够识别出各种整数格式（即前面讨论的十进制、八进制和十六进制数) 。也就是说，如果字符以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八迸制数来解析。
  var num1 = parselnt ("1234blue") ; // 1234 var num2 = parselnt (" ") ; // NaN var num3 = parselnt ("0xA") ; // 10（十六进制数） var num4 = parseInt(22.5); // 22 var num5 = parselnt ("070") ; // 56（八进制数） var num6 = parselnt("70"); //70（十进制数） var num7 = parselnt ("0xf") ; // 15（十六进制数）
• parseFloat() ：识别浮点，且第一个浮点有效
  var num1 = parseFloat ("1234blue") ; // 1234（整数） var num2 = parseFloat("0xA"); // 0 var num3 = parseFloat("22.5"); // 22.5 var num4 = parseFloat("22.34.5"); // 22.5 var num5 = parseFloat("0908.5"); // 908 var num6 = parseFloat("3.125e7"); // 31250000

• Number()转换规则：
  1.如果是 Boolean 值，true 和 false 将分别被转换为 1 和0；Number(true) //1
  2.如果是数字值，只是简单的传入和返回；
  Number(12) //12
  3.如来是null 值，返回 0；
  Number(null) //0
  4.如果是 undefined，返回NaN ；
  Number(undefined)//NaN
  5.如果是字符串，遵循下列规则：
  a.如果字符串中只包含数字，则将其转换为十进制数值，即"1"会变成1 ， "123"会变成123，而"011"会变成11（注意，前导的0被忽略了）；
  b.如果字符串中包含有效的浮点格式， 如"1.1"，则将其转换为对应的c.浮点数值（同样，也会忽略前导零）；
  d.如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数值；
  Number(0xf)//15
  e如果字符串是空的（不包含任何字符） ，则将其转换为0；
  Number("")//0
  f.如果字符串中包含除上述格式之外的字符，则将其转换为 NaN。
  g.如果是对象，则调用对象的 valueOf() 方法，然后依照前面的规则转换返回的值。如果转换的结果是 NaN，则调用对象的 toString() 方法，然后再次依照前面的规则转换返回的字符串值

6.==与===有什么区别

==：等于运算(值的比较)，但是不比较值的类型， 两边值类型不同的时候，要先进行类型转换，再比较。
===：完全等于运算（值和类型的比较），不仅比较值，而且还比较值的类型，当两边类型不一致时，不做类型转换，类型不同的一定不等，只有两者一致才为真。

7.break与continue有什么区别

• Break 语句:用于跳出循环。
  break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）
  for(var i = 1; i< 10; i++){
  if(i % 4 === 0){
  break;
  }
  console.log(i); // 1 2 3
  }

• Continue 语句
  continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。
  for(var i = 1; i<6; i++){
  if(i % 4 === 0){
  continue;
  }
  console.log(i);//1 2 3 5
  }

8.void 0 和 undefined在使用场景上有什么区别

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

9.以下代码的输出结果是?为什么?

console.log(1+1); // 返回 2同为number类型相加，返回正常运算 console.log("2"+"4"); //返回24 ,字符串拼接 console.log(2+"4"); //返回24 ,number 和字符串相加，number转为字符串 console.log(+"4");//返回4 ,只有一个字符串会转换成数字输出

10. 以下代码的输出结果是?

var a = 1; a+++a; //返回3；(a++)+a=> 1 +2=3； typeof a+2;//返回number2,typeof优先级最高 （typeof a）+2=> number2

11. 以下代码的输出结果是? 为什么

var a = 1; var b = 3; console.log( a+++b );//返回4，(a++)+b=>1+3=4;

12. 遍历数组，把数组里的打印数组每一项的平方

var arr = [3,4,5]
var arr = [3,4,5]; //方法一 for(var i=0;i<arr.length;i++){ console.log(arr[i]+"的平方是"+Math.pow(arr[i],2)) } //方法二 for(var i=0;i<arr.length;i++){ console.log(arr[i]+"的平方是"+arr[i]*arr[i]) }

13. 遍历 JSON, 打印里面的值

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

14. 以下代码输出结果是? 为什么 （选做题目）

var a = 1, b = 2, c = 3;

 var val = typeof a + b || c >0
 console.log(val)//number2 ``
 expr1 ||  expr2: 短路逻辑，如果expr1为``true`` ,返回expr1;
 以上运算中  Boolean（typeof a + b）=>Boolean("number2") 为true ,所以返回number2

`

var d = 5;

  var data = d ==5 && console.log('bb')
  console.log(data)//返回undefined``
  expr1 &&  expr2: 短路逻辑,如果expr1为``false ``,返回expr1;
  d ==5 为true，所以返回 console.log('bb')
  但是最后一步console.log(console.log('bb'))  返回 undefined 
  原因：内部的console.log()为console对象内的log方法，但是没有返回值

 例如:

var obj={
log:function log () {   }
  }
console.log(obj.log() )//undefined
var obj={
  log:function log () {  return "123"   }
}
console.log(obj.log() )//123

`

 var data2 = d = 0 || console.log('haha')

  console.log(data2)//返回 undefined
逻辑或的短路逻辑，Boolean(0) 为false,所以返回后者console.log('haha')
最后一步console.log(console.log('haha'))返回undefined；原因：内层console.log(‘haha’)方法没有返回值

`

  var x = !!"Hello" + (!"world", !!"from here!!");

      console.log(x)//2``
    !expr   如果单个表达式能转换为true的话返回false,否则返回true.
    1. (!"world", !!"from here!!")  逗号操作符返回返回表达式的最后一项   !!"from here!!" =>true;
    2. !!"Hello"=>true 
    true + true =2;