关于数据类型的前端面试题总结,不要被鄙视哦~

总结面试题不一定是为了准备面试,更是对于自己的一种温故知新,了解自己知识的熟练度和理解度

问题一栏

1.JavaScript中的数据类型都有哪些?

2.如何判断一个变量是否为数组?

3.undefined和null的相同与不同?

4.隐式类型转化的时候,JavaScript底层都做了哪些处理?

5.有哪些值转化成布尔型后为false?

6.讲讲ES6中的Symbol?

7.如何把字符串转换为数组?

8.如何把类数组变量转换为数组,如函数内部的arguments对象,selector返回的DOM列表。

问题解答

JavaScript中的数据类型都有哪些?

数据类型有两种:原始数据类型(又称基础数据类型、可变数据类型)和复杂数据类型(又称对象、不可变数据类型)。

原始数据类型包括:undefined,null,数字,字符串,布尔类型,Symbol(ES6 新加入的类型)

复杂数据类型包括:包括对象

其中对象包括:内部对象(Array、String等),宿主对象(window)和自定义对象。

如何判断一个变量是否为数组?

如果是ES5环境的话,可以用Array.isArray()方法。

如果不确定运行环境的话,可以用Object.prototype.toString.call()的方法来确认,如果结果是[object Array]则认为数组。

undefined和null的相同与不同?

相同点

  1. 这两个数据类型都只有一个值
  2. 都没有方法
  3. 都表示“无”
  4. 转化为布尔类型时,都是false

不同点

  1. null是一个关键字,而undefined不是。
  2. null的实质是一个空的对象,而undefined是window的一个属性。
  3. 进行数字类型转换时,null返回0,undefined返回NaN

隐式类型转化的时候,JavaScript底层都做了哪些处理?

对象转成原始数据类型时,先调用对象的valueOf方法,如果返回结果不是原始数据类型的值,再调用toString方法。

原始类型转原始类型时,直接调用对应的构造函数进行转换,如Number('123'),String(true),Boolean(0)。

有哪些值转化成布尔型后为false?

包括下面这个六种

0、-0、undefined、null、空字符串、NaN

讲讲ES6中的Symbol?

Symbol是ES6中新加的一个原始类型,他的每个值都是唯一的,即使是用两个完全一样的变量构造出来的Symbol也不相等。

原始类型传入Symbol方法时,会进行转换成字符串 再转成Symbol类型值;如果是对象的话,会先调用改对象的toString方法再转成Symbol类型的值。

Symbol是最大的用处是用来消除“魔法字符串”的。

如何把字符串转换为数组?

是如果是ES6,可以用Array.from()方法。

如果不确定环境的话,可以用Array.prototype.slice.call()的方法,将类似数组转换为。

Array.from()的详解:(例子来自MDN)

Set类型的转换

let s = new Set(['foo', window]); 
Array.from(s); 
// ["foo", window]

Map类型的转换

let m = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(m); 
// [[1, 2], [2, 4], [4, 8]]

类数组的值

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [1, 2, 3]

Array.from()的第二个参数mapFn也很有用处,可以对于传入的类数组值进行定制化修改

Array.from([1, 2, 3], x => x + x);     
 // [2, 4, 6]
Array.from({length: 5}, (v, i) => i);
// [0, 1, 2, 3, 4]

原文发布于微信公众号 - 较真的前端(gh_7af41a2be77e)

原文发表时间:2017-09-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏郭耀华‘s Blog

Java Arrays工具类的使用

1403
来自专栏Java帮帮-微信公众号-技术文章全总结

java 自动装箱与拆箱

这个是jdk1.5以后才引入的新的内容,作为秉承发表是最好的记忆,毅然决定还是用一篇博客来代替我的记忆: java语言规范中说道:在许多情况下包装与解包装是由编...

3396
来自专栏较真的前端

关于数据类型的前端面试题总结,不要被别人鄙视~

2535
来自专栏柠檬先生

你不知道的javaScript笔记(5)

原生函数   常用的原生函数     String()     Number()     Boolean()     Array()     Object() ...

19410
来自专栏python学习指南

Scala学习笔记之二--基本数据类型

前言 本篇主要讲Scala的基本数据类型,更多教程请参考:Scala教程 基本数据类型 Scala一共提供了9中数据类型,Scala的基本数据类型与j...

2215
来自专栏null的专栏

python基础知识——函数

函数其实就是一段可以多次调用的代码。 1、函数的定义 格式 def 函数名(参数1[ = 默认值1], 参数2[ = 默认值2], ...): ... ...

3425
来自专栏互联网技术栈

JVM面试考点—— 值==问题(常量池)

java中基本类型的包装类的大部分都实现了常量池技术,即Byte,Short,Integer,Long,Character,Boolean。

833
来自专栏菩提树下的杨过

scala 学习笔记(07) 一等公民的函数

在scala中一切皆对象,一切皆函数,函数跟Int,String、Class等其它类型是处于同等的地位,换句话说,使用函数跟使用普通的类型一样,没什么区别,因此...

1967
来自专栏WD学习记录

C#学习笔记(五)

简单的按照成员副职对象可以通过派生于System.Object的MemberwiseClone()方法来完成。这是一个受保护的方法,但很容易在对象上定义一个调用...

601
来自专栏五毛程序员

java反射机制入门3

2757

扫码关注云+社区