js面试题整理—

JS面试题

一、JS的数据类型

js的数据类型分为基本数据类型和引用数据类型

基本数据类型：String、Number、Null、Undefined、Boolean、Symbol

引用数据类型：Object、Array、Function

二、var、let与const的区别？

1、var声明变量可以先使用后声明，存在变量提升（浏览器解析时会自动把声明提升到使用前面）。let必须先声明再使用，const定义常量时必须初始化。

2、const定义的常量，不能再次声明也不能修改。var和let定义的变量可以被修改。

三、JS中创建数组的三种方法

    // 以下是第一种var arr1 = new Array();arr1[0] = "jOne";arr1[1] = "michle";arr1[2] = "heool";console.log(arr1)// ["jOne", "michle", "heool"]// 以下是第二种,数组里的元素可以是对象，也可以是number、string、Booleanvar arr2 = new Array("123",234,[111,333],true);console.log("第二种",arr2);// ["123", 234, Array(2), true]// 以下是第三种,最常用的一种var arr3 = ["111",222,false,{id:1,val:"你好"}];console.log("第三种",arr3);//["111", 222, false, {id:1,val:"你好"}]

变量也可以被修改，访问

 arr3[1] = "333";console.log("修改后的arr3",arr3);

四、可以为JavaScript对象添加新的属性或者方法

  //给javascript对象添加一个方法Array.prototype.myfunction = function () {for(var i = 0;i < this.length; i++ ){this[i] = this[i].toUpperCase();}} arr3.myfunction();//调用方法console.log("111arr3",arr3);//["DFS", "FFDS", "JHGF"]Array.prototype.newElem = "she";//添加新属性,实例对象都可以访问console.log(arr3.newElem);//访问新属性：sheconsole.log("22",arr2.newElem);//访问新属性：she

五、Javascript对象方法

参考文档：https://www.runoob.com/jsref/jsref-obj-array.html

1、concat(),连接/合并两个和多个数组，并返回结果。此方法不会改变原有数组，仅返回被连接数组的副本

语法：array1.concat(array2,array3,...,arrayX)

2、every(),用于检测数组里的每一个元素是否都满足条件（检测条件用函数提供），不会改变原数组

当数组的每一个元素都满足条件才返回true，有一个不满足条件就返回false，且当前面的元素已经检测出不满足条件，后面的元素便不会被检测

   // 使用every检测数组里的每一个值是否都大于5var arr4 = [3,4,5,6,7];var result = arr4.every(item =>{return item >5;})console.log(result);//false

3、some()，用于检测数组中的元素是否满足指定条件（函数提供）。不会改变原数组

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。

   var rest = arr4.some(item =>{return item < 4;})console.log(rest);//true

4、filter()，检测数值元素，并返回符合条件所有元素的数组。创建了一个新数组，不会改变原数组。

    var newArray = arr4.filter(item =>{return item > 5;})console.log(newArray);// [6, 7]

5、find(),返回满足条件的数组的第一个元素的值，之后的值不会再调用执行函数。不会改变原数组。

    var findRes = arr4.find(item =>{return item > 5;})console.log(findRes);// 6

6、forEach()，本质上等同于for循环，数组里的每一个元素都会执行该函数，不会返回有意义的值，总是undefined。会改变原数组。

     arr4.forEach((item,index) =>{ arr4[index] = item*item;}) console.log(arr4);//[9,16,25,36,49]

6、map(),通过指定函数处理数组的每个元素，并返回处理后的数组。不会改变原数组。

    var arr5 = [2,4,6,8,10];let mapArr = arr5.map((item,index) =>{ return item / 2;}) console.log(mapArr);//[1,2,3,4,5]console.log(arr5 );//[2,4,6,8,10]

8、join(),用于把数组里的所有元素转化为一个字符串，元素是通过指定的分隔符进行分隔的。

语法：array.join(separator),如果省略该参数，则使用逗号作为分隔符。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join(" and ");
console.log(energy) // Banana and Orange and Apple and Mango

toString(),把数组转换为字符串

    var fruits = ["Banana", "Orange", "Apple", "Mango"];var str = fruits.toString()//Banana,Orange,Apple,Mango

9、findIndex()，返回传入一个测试条件（函数）符合条件的数组第一个元素位置。

例子：当数组里的元素都是对象，且每个对象都有id，如何查找到某一个对象的位置。

  var objs = [{id:0,name:"jack"},{id:1,name:"summer"},{id:2,name:"Machle"}];var position = objs.findIndex((item,index) =>{return item.name == "summer"})console.log(position) //1

10、reduce(),法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。（数组中的元素也会遍历）

语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

total

必需。初始值, 或者计算结束后的返回值。

两个参数（要执行的函数，初始值），函数必需，初始值是可选的

应用：求和、求乘、数组元素去重、计算数组中每个元素出现的次数等

//没有设置初始值，实现求和var numbs = [5,7,3,8,10,11];var res = numbs.reduce((sum,item) => {console.log(sum,item);return sum+item;})console.log(res);
//  5 7
//  12 3
//  15 8
//  23 10
//  33 11
//  44// 设置了初始值，实现求和var numbs = [5,7,3,8,10,11];var res = numbs.reduce((sum,item) => {console.log(sum,item);return sum+item;},4)console.log(res);
//  4 5
//  9 7
//  16 3
//  19 8
//  27 10
//  37 11
//  48

11、pop()、shift()。

pop()：删除数组的最后一个元素，并返回被删除的元素。

shift(): 删除数组的第一个元素，并返回被删除的元素。

12、push、unshift

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

13、判断变量是不是数组的方法

（1）instanceof判断：

var arr1 = [1,2,3,4]
console.log("instanceof方法可以判断变量是否是数组",arr1 instanceof Array);//true

（2）Array.isArray（）判断：

 console.log("Array.isArray（）方法可以判断变量是否是数组",Array.isArray(arr1));//true

（3）对象的constructor属性，可以返回对象对应的构造函数

 console.log("变量的constructor属性可以判断变量是否是数组",arr1.constructor == Array);//true