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

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

问题一栏

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)和自定义对象。

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

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

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

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

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

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-13

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

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

java 自动装箱与拆箱

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

34960
来自专栏python学习指南

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

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

22850
来自专栏木子昭的博客

JS数据类型转换规则显示类型转换

JS数据类型 基础类型 String Boolean Number Symbol Undefine Null(typeof(null) === "object...

39450
来自专栏java架构师

IEnumerable和IEnumerator的关系

using System; using System.Collections; public class Person { public Person...

287100
来自专栏LanceToBigData

JavaSE(六)包装类、基本类型和字符串之间的转换、==和equals的区别

一、包装类 Java语言是一个面向对象的语言,但是Java中的基本数据类型却是不面向对象的,这在实际使用时存在很多的不便,为了解决这个不足, 在设计类时为每个基...

18470
来自专栏前端桃园

[第1期] ES6之路--对象的扩展

13620
来自专栏null的专栏

python基础知识——函数

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

34650
来自专栏柠檬先生

你不知道的javaScript笔记(5)

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

203100
来自专栏程序员互动联盟

【java基础】static关键字--静态块

在说明static关键字的第三个用法时,我们有必要重新梳理一下一个对象的初始化过程。以下面的代码为例: package com.dotgua.study; cl...

363110
来自专栏极乐技术社区

使用ES6新特性开发微信小程序(5)——内建对象的变化

Object对象 Object.prototype.proto:对象具有属性proto,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保...

26980

扫码关注云+社区

领取腾讯云代金券