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

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

作者: 1w1ng | 来源:发表于2017-08-29 11:17 被阅读0次

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

JavaScript 的数据类型,共有七种:

  • 数值(number)
  • 字符串(string)
  • 布尔值(boolean)
  • undefined
  • null
  • 对象(object)
  • Symbol

对象又可以分成三个子类型:

  • 狭义的对象(object)
  • 数组(array)
  • 函数(function)

数值、字符串、布尔值、Symbol称为原始类型(primitive type)的值,它们是最基本的数据类型,不能再细分了。
将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。
至于undefined和null,一般将它们看成两个特殊值。

typeof和instanceof的作用和区别?

作用:

  • typeof操作符返回一个字符串,指示未经计算的操作数的类型。
  • instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

区别:

  • typeof 运算符可以返回一个值的数据类型, 无法区分数组和对象
  • instanceof 运算符可以做到区分数组和对象

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

var count = 123;   
typeof number  ===  "number"  //判断是否为数字

var username = "我是用户名";
typeof username === "string";  //判断是否为字符串

var isBoolean = true;
typeof isBoolean === "boolean";  //判断是否为布尔

function isFunction () {}
typeof isFunction === "function"; //判断是否为函数

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

  • NaN是一个特殊的数值,用于表示一个本来要返回数值的操作数未返回数值的情况.任何数字除以非数值就会返回NaN,因此不会影响其他代码的执行
  • 任何涉及NaN的操作都会返回NaN,NaN与任何值都不相等,包括它自己

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

Number();
parseInt();
parseFloat();

==与===有什么区别

一个是判断值是否相等,一个是判断值及类型是否完全相等。
其中 == 在比较的时候,会进行类型转换,而 === 则不会

break与continue有什么区别

  • break是结束一个循环,跳出循环体往下执行循环后面的语句
  • continue是结束本次循环,继续执行下一次循环

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

void 0因为执行一个表达式,始终返回undefined。而某些时候undefined被赋值后,在比较时他又不等于自己,而这时候用void(0)就可以返回undefined的值,来进行判断。

立即执行函数表达式是什么?有什么作用

立即执行函数表达式(Immediately-Invoked Function Expression),简称IIFE。主要有下面两种表达式:

(function(a,b){
   console.log(a + b);
}(1,2)); //在函数最前和最后加括号,推荐这种写法。
(function(a,b){
   console.log(a + b);
})(1,2); // 在函数外加括号

错误的写法:

function(a,b){
   console.log(a + b);
}(1,2);

因为JavaScript解释器,遇见function时会将该语句当做函数声明语句来处理,而正常的函数声明写法后面显然是没有最后那一对括号的。function() {statement} 的本质是一个函数,所以只需要用新的括号将它包装起来,就可以“骗过”解释器,从而将函数立即生效。

作用:

  • 立即执行函数可以将写在函数体内的语句直接执行,形成一个类似区块的空间。
  • 不必为函数命名,避免了污染全局变量。
  • IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

求n!,用递归来实现

function factorial(n){
    if(n === 1){
        return 1
    }
    return n * factorial(n-1)
}
factorial(3)  // 此时输出的结果为:3*2*1=6

代码部分

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


console.log(1+1);// 2;两个参数都是number,所以直接加法运算
console.log("2"+"4");// 24;两个参数都是string,所以进行字符串拼接
console.log(2+"4"); // 24;一个参数为number另一个为string,会把number转化为string进行字符串拼接
console.log(+"4");// 4;在只有一个字符串并且都是数字时,转成数字之后输出

以下代码的输出结果是?

var a = 1;  
a+++a; //值为3;可以表示为(a++)+a
typeof a+2; //结果为"number2";typeof优先级高于运算符,可以理解为(typeof a)+2。

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

 var a = 1;
 var b = 3;
 console.log( a+++b ); //4  a++是先执行表达式后再自增,执行表达式时使用的是a的原值,也就是1所以结果是4

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

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

遍历 JSON, 打印里面的值

var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}

for(property in obj){
  console.log(property+':'+obj[property]);
}

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

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0;
console.log(val) 
/* 'number2'  typeof的优先级比较高,b||c>0就是 2||true,结果为2,相加等于number2 */

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
//undefined  d==5结果是ture,&&运算左边为true要看右边,console.log()的返回值是undefined,所以data的值为undefined

var data2 = d = 0 || console.log('haha')
console.log(data2)
 //undefined  data2的值为0,console.log的返回值为undefined,0||undefined的值为undefined


var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
//2   字符串前加!强制转换成布尔值,并转换成false 即值为0,!!代表双重否定 结果为true,即值为1。!!"hello" 和 !!"from here!!"转换为true ,值都为1,!"world"转换为false ,即值为0,当布尔值相加时,会根据转换后的数值1或0,分别相加得到结果2

写一个深拷贝函数

function deepCopy(oldObj) {
        var newObj = {};
        for(var key in oldObj) {
            if(typeof oldObj[key] === 'object') {
                newObj[key] = deepCopy(oldObj[key]);
            }else{
                newObj[key] = oldObj[key];
            }
        }
        return newObj;
    }
    var myHome = {
        provience: {
            name:"湖北",
            city: {
                name:"荆门"
            }
        }
    }
    var yourHome = deepCopy(myHome);
    console.log(myHome.provience.city.name);// 荆门
    yourHome.provience.city = {
        name:"武汉"
    }
    console.log(yourHome.provience.city.name);// 武汉
    console.log(myHome.provience.city.name);// 荆门

相关文章

  • 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/erkgdxtx.html