美文网首页
JS数据类型、运算符

JS数据类型、运算符

作者: leiuno | 来源:发表于2017-08-23 23:08 被阅读0次

一、数据类型

JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值)

  • 数值(number):整数和小数(比如1和3.14)
  • 字符串(string):字符组成的文本(比如"Hello World")
  • 布尔值(boolean):true(真)和false(假)两个特定值
  • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
  • null:表示无值,即此处的值就是“无”的状态。
  • 对象(object):各种值组成的集合
原始类型(primitive type)

数值(number)、字符串(string)、布尔值(boolean)

复杂类型(complex type)

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

undefined和null,一般将它们看成两个特殊值。

二、typeof运算符

typeof运算符可以返回一个值的数据类型

  • 原始类型
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
  • 函数
function f() {}
typeof f
// "function"
  • undefined
typeof undefined
// "undefined"

利用这一点,typeof可以用来检查一个没有声明的变量,而不报错。这个特点通常用在判断语句。

if (typeof v === "undefined") {
  // ...
}
  • 其他,除此以外,其他情况都返回object
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

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

JavaScript 提供两种相等运算符:==和===。
相等运算符(==)比较两个值是否相等,严格相等运算符(===)比较它们是否为“同一个值”。如果两个值不是同一类型,严格相等运算符(===)直接返回false,而相等运算符(==)会将它们转化成同一个类型,再用严格相等运算符进行比较。

相等运算符(==)
  • 原始类型的值
    原始类型的数据会转换成数值类型再进行比较。

  • 对象与原始类型值比较
    对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。

  • undefined和null
    undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。

严格相等运算符(===)
  • 原始类型值
    同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。
  • 复合类型值
    两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。
{} === {} // false
[] === [] // false
(function (){} === function (){}) // false

上面代码分别比较两个空对象、两个空数组、两个空函数,结果都是不相等。原因是对于复合类型的值,严格相等运算比较的是,它们是否引用同一个内存地址,而运算符两边的空对象、空数组、空函数的值,都存放在不同的内存地址,结果当然是false。

如果两个变量引用同一个对象,则它们相等。

var v1 = {};
var v2 = v1;
v1 === v2 // true
  • undefined 和 null
    undefined和null与自身严格相等。
undefined === undefined // true
null === null // true

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

console.log(1+1);           //2 , number+number做加法运算
console.log("2"+"4");      //"24" , string+string字符串拼接
console.log(2+"4");        //"24" ,有一个参数是字符串,会把另一个参数转为字符串,字符串拼接
console.log(+"4");         //4 , 只有一个字符串参数,会尝试将其转为数字

五、以下代码的输出结果是?

var a = 1;  
a+++a;      //3 , ++优先级比+高,所以相当于(a++)+a
typeof a+2;   //"number2" , typeof的优先级高,高于加减乘除,相当于(typeof a) + 2

相关文章

  • js运算符

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

  • JavaScript基础总结

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

  • 原生js

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

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

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

  • JS深入浅出

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

  • js问答题

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

  • 2018-11-11

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

  • JavaScript基础整理(一)

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

  • #hello,JS:03-02 声明提前和立即执行函数

    一、声明提前 1、变量声明提前——变量提升 可参照这里的描述: #hello,JS:01数据类型、运算符、运算符优...

  • 数据类型的检测

    JS中的数据类型检测 typeof 用来检测数据类型的运算符语法:typeof [value]返回结果:首先是一...

网友评论

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

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