美文网首页饥人谷技术博客
JS数据类型和运算符

JS数据类型和运算符

作者: 我要认真学前端 | 来源:发表于2017-04-27 00:04 被阅读0次

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

JS数据类型:

1、数值(number):整数和小数(比如1和3.14)
2、字符串(string):字符组成的文本(比如"Hello World")
3、布尔值(boolean):true(真)和false(假)两个特定值
4、undefined:表示“未定义”或不存在,即此处目前没有任何值
5、null:表示空缺,即此处应该有一个值,但目前为空
6、对象(object):各种值组成的集合
通常,我们将数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。而将对象称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

原始类型和复杂类型的区别:

  1. 基本类型变量存的是值,复杂类型的变量存的是内存地址。
  2. 基本类型在赋值的时候拷贝值,复杂类型在赋值的时候只拷贝地址,不拷贝值。

typeof和instanceof的作用和区别?

typeof 是一个操作符,主要的目的是检测一个变量是不是基本数据类型的变量,同时也可以说是确定一个变量是字符串,数值,布尔值,还是undefined。数值、字符串、布尔值分别返回number、string、boolean。函数返回function。undefined返回undefined。利用这一点,typeof可以用来检查一个没有声明的变量,而不报错。
instanceof用于判断某个变量是否是某个对象的实例,返回值为true或false

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

可以使用typeof字符。数值、字符串、布尔值分别返回number、string、boolean。
例:

QQ截图20170426231743.png

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

NaN含义是Not a Number,表示非数字,NaN和任何值都不相等,包括自己

QQ截图20170426231934.png

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

有三个函数可以把非数值转换为数值
Number()
parseInt()
parseFloat()
Number规则相当复杂而且不合理,几乎不使用,常用的是后两个,两个规则类似
1、忽略字符串前面的空白字符,找到第一个非空白字符
2、如果第一个字符不是-或者数字返回NaN
3、如果是继续解析,直到非数值模式为止
4、0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数
例:

QQ截图20170426232311.png

==与===有什么区别

可以使用==或===判断两个值的相等性,===是严格意义的相等,只需注意NaN和NaN不等就行了。而使用==的时候,javascript会帮我们做类型转换,造成一些匪夷所思的结果,那么使用==的时候会在哪些情况下做类型转换,又会换成什么样子?
1、如果两个值类型相同,则执行严格相等的运算
2、如果两个值的类型不同:
如果一个是null,一个是undefined,那么相等
如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
如果一个值是true/false则将其转为1/0比较
如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
其它就不相等了

QQ截图20170426232628.png

break与continue有什么区别

break 用于强制退出循环体,执行循环后面的语句
continue 用于退出本次循环,执行下次循环

QQ截图20170426232746.png

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

void运算符的作用是执行一个表达式,然后返回undefined。void 0 比 undefined 占的字节数小,在某些浏览器/私有方法中,undefined可以被定义为变量。
如 var undefined = 10;
这种情况会导致常用的空判断失效。。。。

小练习

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

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;
输出:3 number2

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

var a = 1;
var b = 3;
console.log( a+++b );
输出:4 因为a先赋值然后在自加

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

var arr = [3,4,5]

QQ截图20170426234120.png

遍历 JSON, 打印里面的值

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

QQ截图20170426234357.png

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

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val)
var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
var data2 = d = 0 || console.log('haha')
console.log(data2)
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
输出:
number2 typeof的优先级最高,先计算出a的类型然后在与b进行拼接
bb =的优先级比较会先执行==,但是由于&&,会继续往后执行,所以输出bb
undefined
haha =好是右结合。会先计算出||左边为0,所以后面的也会执行
undefined
2 因为表达式最终转换成 true+true,即1+1;

相关文章

  • 原生js

    原生JS学习笔记1——基本数据类型和运算符 js的背景知识介绍,js的引入方式,js的变量及运算符 原生JS学习笔...

  • js运算符

    js基础语法:运算符,判断语句,数据类型,js对象 一、运算符 赋值运算符 =算数运算符 +-*/% ++...

  • JS深入浅出

    数据类型 表达式和运算符 语句 js对象 属性

  • JavaScript基础整理(一)

    数据类型null 和 undefined== 和 ===JS 比较对象和基本类型!! 运算符JavaScript ...

  • JavaScript基础总结

    ✍目录总览:(JS概念与组成、JS格式规范、JS基本语法【输入、输出、变量、数据类型、数据类型转换、运算符、流程控...

  • 前端(js)

    js基本语法 字面量和变量 标识符 数据类型 一元运算符

  • JavaScript 01 (JS引入/变量/数据类型/类型转换

    JS的引入及调试,常量,字面量,变量,JS中的数据类型,JS的运算符,JS的运算符之隐式类型转换,强制类型转换,M...

  • js问答题

    index js问答题 __小胖子 1.JS的数据类型有哪些?typeof运算符的执行结果都有哪些数据类型? (第...

  • 2018-11-11

    js部分 js运算符 “+” 1.用作数字运算符,字符串链接。运算符之间自左向右运算。21.任何数据类型加字符串都...

  • Python学习记录

    变量、运算符与数据类型 注释: 运算符 变量和赋值 数据类型与转换

网友评论

    本文标题:JS数据类型和运算符

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