web面试总结-JavaScript

面试总结1:

JavaScript

1.find和filter有何区别

find和filter都是需要回调函数的，但是区别是find返回第一个找到的结果，是一个数组项；但是filter是返回找到的所有的数据结果，并返回一个新数组。

2.数组替换([1,2,3,4] 替换为 [1,2,3,’a’, ‘b’, 4])?使用原生JavaScript方法

使用数组的splice方法

var arr = [1,2,3,4,5];
arr.splice(1,0,'a');  // [ 1, "a", 2, 3, 4, 5 ]

数组的方法
push 在数组尾部添加，返回添加后的数组元素的个数

unshift 在数组头部添加，返回数组添加后元素的个数

shift 删除数组的第一个元素，返回被删除的元素

pop 删除数组的最后一个元素，返回被删除的元素

splice 删除、插入、替换执行的是操作，改变原数组的值，不返回任何值

slice（start，end）截取数组的一部分，返回截取的数组，start为起始位置，end为结束为止，不包括结束的位置元素

concat a.concat(b) 将两个数组拼接在一起，返回一个拼接后的新数组，且a内部的元素在新数组的前部

toString 将数组转换成字符串返回一个字符串，toLocalString 实现与toString方法类似，不过在IE下会出现兼容性问题，比如字符前后出现空格，数字出现小数，导致length属性变化，所以尽量使用string

join（''& ''）将数组以&符号间隔转换为字符串返回一个字符串

split（‘’& ‘’）将字符串以&符号位标记转换成数组返回一个新数组

sort(function(a,b){return a-b}) 将数组进行排序，如果没有function函数，则按字符编码排序返回操作后的新数组

reverse() 将数组进行倒序排序，即将数组的顺序颠倒返回倒序排列后的新数组

valueOf 查看对象内的值，可以返回字符串类型的数组，不常用

charAt（index）获取字符串制定顺序上的元素，返回要查询位置的元素，不能用于查询数组元素

3.运行结果?

另,要求: 每隔一秒打出一个数字 0,1,2,3,4

for (var i = 0; i < 5; i++) {
  setTimeout(function () {
    console.log(i);
  }, 1000);
}

首先展示几种答案

(1) 使用let方法

区别是for循环中的var变成了let

for (let i = 0; i < 5; i++) {
  setTimeout(function () {
    console.log(i);
  }, 1000 * i);
}

(2) 使用方法

for (var i = 0; i < 5; i++) {
  (function (i) {
    setTimeout(() => {
      console.log(i);
    }, 1000 * i);
  })(i);
}

4.let,const,var有何区别?

（1）let和const形成块作用域，但是var没有
（2）var存在变量提升，但是let和const没有
（3）var声明前可用，但是let和const不能在声明前用，且不能重复声明
（4）let和const存在暂时性死区

5.为何es6会有map结构?

map提供了 “对象：对象” 的键值对，有别于对象的 “字符串：对象” 的结构

6.JavaScript的继承实现

7.你认为JavaScript是一个基于链条的语言,面向对象的语言?

（1）面向对象的三大特点（封装，继承，多态），但是js没有类的概念，js中一切皆对象，可以说js是一个基于原型对象的语言，但不是面向对象的。
（2）js语言是一个原型对象组成的树形结构，除了顶级对象没有原型，其他对象皆有自身的原型。

8.判断一个对象和数组

（1）constructor

var o = { 
           'name':'lee'
        };
var a = ['reg','blue'];
a.constructor === Array  // true
a.constructor === Object  // false

（2）toString方法(最佳方法)

var o = { 
           'name':'lee'
        };
var a = ['reg','blue'];
Object.prototype.toString.call(a);    // "[object Array]"
Object.prototype.toString.call(o);    // "[object Object]"

（3）typeof
typeof数组和对象都是object类型，不能分辨出是数组还是对象
（4）instanceof
数组也是属于对象的一种的，因此数组的instanceof对对象和数组而言都是true；但是对象对数组的instanceof为false，可以利用这个判断对象和数组

var o = { 
           'name':'lee'
        };
var a = ['reg','blue'];
a instanceof Array;    // true
a instanceof Object;  // true

9. get和post的区别

最后编辑于：2019.04.01 16:34:02