美文网首页
数据类型运算符和流程控制语句

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

作者: cctosuper | 来源:发表于2017-11-02 17:23 被阅读0次

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

  • JavaScript 定义了6种数据类型:
  1. 数值(number) : 整数和小数
  2. 字符串(string) : 字符组成的文本
  3. 布尔值(Boolean) : true和false 真假两个特定值
  4. undefined : 表示未定义或不存在,即目前没有定义,所以此处暂时没有任何值
  5. null : 表示无值,暂时空缺
  6. 对象 : 各种值组成的几何
  • 原始类型也叫基本类型(包括数值,字符串,布尔值);
  • 复杂类型,也叫引用类型: 将对象称为复杂类型,因为一个对象往往是多个原始类型的值得组合,可以看做是一个存放值得容器
  • 区别 :
  1. 原始类型的值是不可变得,而引用类型的值是可以改变的
  2. 原始类型不可以添加属性和方法
  3. 原始类型的赋值是简单赋值,从一个变量向另一个变量赋值基本类型的值,会直接把该值复制到新变量分配的位置上;复杂类型在赋值时,只是复制的地址不复制值
  4. 基本类型变量存的是值,复杂类型变量存的是内存地址

typeof和instanceof的作用和区别?

  1. 作用:
  • type: 检测给定变量的数据类型并返回字符串值,该字符串用来说明运算数的数据类型,typeof是一个操作符而不是函数,通过typeof操作符来区分函数和其他对象是有必要的;
  • instanceof: 判断某个引用类型的值具体是什么类型的对象,如果变量是给定的引用类型就返回true,反之flase;
    所有引用类型的值都是Object的实例,instanceof操作符检测引用类型的值和Object构造函数时始终返回true,检测基本类型的值始终返回flase
  1. 区别 :
  • typeof用于确定一个值是字符串,数值,布尔值还是undefined,也可用于判断function,但不能用来判断对象类型的值和null基本类型的值,因为都会返回Object,typeof也可用来判断变量是否存在
  • instanceof用来确定引用类型的值究竟是什么类型的对象,所以只能用来判断对象和函数

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

通过typeof操作符

1.原始类型
typeof 100 // "number"
typeof 'hello' // "string"
typeof true // "boolean"

2.函数
function f() {}                
typeof f   // "function"

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

  • NaN即非数值(not a number) , 是一个特殊的数值, 用于表示一个本来要返回数值的操作数未返回数值的 情况(不会抛出错误); 在其他编程语言中, 任何数值除以非数值都会导致错误从而停止代码执行, 但在ECMAScript中,任何数值除以非数值会返回NaN,不会影响其他代码的执行
  • 任何涉及NaN的操作都会返回NaN , 这个特点在多步急速那中可能导致问题
  • NaN与任何值都不相等,包括NaN本身

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

  1. number()函数,转换规则如下:
  • Boolean值, true和flase分别被转换为1和0
  • 数值, 返回数值
  • null, 返回0
  • undefined, 返回NaN
  1. parseInt方法用于将字符串转为整数;如果字符串头部有空格,空格会被自动去除; 如果参数不是字符串,则会先转为字符串再转换; 字符串转换为整数的时候,是一个个字符依次转换,如遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分; 如果字符串的第一个字符不能转为数字(后面跟着数字的正负号除外) , 返回NaN
  2. parseFloat() 用于将一个字符串转为浮点数

==与===有什么区别

  • ES5提供两种不同的值比较操作:
    1. 严格相等 ===
      全等操作符比较两个值是否相等,两个被比较的值在比较前都不进行类型转换; 如果两个被比较的值具有不同的类型,这两个值不相等 ; 否则 ,如果两个被计较的值类型相同,值也相同,并且不是number类型时, 两个值全等;
    2. 宽松相等 ==
      在比较前将两个被比较的值转换为相同类型 ( 等式的一边或两边都有可能被转换)

break与continue有什么区别

  • break 语句用于跳出循环; break语句跳出循环后, 会继续执行该循环之后的代码
  • continue 语句中断循环中的迭代, 如果出现了指定的条件, 然后继续循环中的下一个迭代

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

  • void是个运算符, 对后面给定的表达式求值并返回undefined; undefined并不是保留字,只是全局对象的一个属性, 在低版本的IE中或是局部作用域中可能会被重写(这是有弊端的,所以在ES5之后window.undefined被定义为不可写, 不可配置的属性); 但void 0 返回的值一定是undefined并且不能被重写;
  • 利用 void运算符让 JavaScript 引擎把一个函数识别成函数表达式而不是函数声明让函数立即执行。
    通常情况下先声明函数再进行函数调用取得结果:用了void运算符之后,函数就被识别成一个立即执行的函数表达式(除了void,大多数运算符,如+,-等都有立即执行函数的作用,但可能会出现副作用)

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

console.log(1+1);    2; 因为两个都是数值进行加法运算
console.log("2"+"4");    "24" ; 两个字符串会进行拼接
console.log(2+"4");   "24";  数值与字符串相加, 数值会被转换为字符串然后进行拼接
console.log(+"4");  4; 当+放在一个值前面时,表示将这个值转换为数值

以下代码的输出结果是?

var a = 1;  
a+++a;  
typeof a+2;
// "number2"
//因为++的优先级高于+,先算a++为1,此时的a已经是2,则a+++a,1+2=3;
//typeof的优先级高于+,先算typeof a得出"number",  "number"+2,字符串和数字结合,输出为字符串"number2"

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

 var a = 1;
 var b = 3;
 console.log( a+++b );
// 输出 4
// 因为++的优先级高于+,a++为1,1+b=1+3=4

遍历数组,把数组里的打印数组每一项的平方

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

遍历 JSON, 打印里面的值

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

以下代码输出结果是? 为什么 (选做题目)

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val) 
// "number2", 解析: typeof优先级高于+,typeof a + b =》"number2",因为当||左边的值为true时返回这个值,而除了空字符串外所有字符串的布尔值为true,所以直接返回"number2"
var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
//undefined 
//原因:=为赋值,优先级3,==等号优先级10,&&优先级6,所以先运算==,得到d==5,值为true,接着执行console.log打印出'bb',没有指明返回值所以返回undefined,接着做逻辑与运算,true&&undefined返回undefined并赋值给data,最后打印出data为undefined,所以最终结果是控制台打印出字符串bb和undefined。
var data2 = d = 0 || console.log('haha')
console.log(data2)
 // undefined, 解析:d = 0返回值为undefined,它的布尔值为false,当||左边的值为false时返回它右边的值,而console.log的返回值为undefined。
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
// 2, 解析:!表示取反,!!相当于将一个值转化为布尔值,非空字符串的布尔值为true,所以!!"Hello"=》true;,操作符返回后面的值,同上可知!!"from here!!"=》true;当+两边的值为布尔值时,它会将他们转换为数值,true转换为数值得到1,所以x = 1 + 1.

相关文章

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

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

  • 2018-09-09

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

  • JS语法

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

  • 关于Javascript语法

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

  • 16.JS 语法

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

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

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

  • Dart语法学习

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

  • Python基础

    流程控制和内置数据结构 一、流程控制 if elif else 注意:没有三目运算符合switch语句while ...

  • Flutter之Dart语言 简述

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

  • 2018.10.31条件语句和循环语句

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

网友评论

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

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