js面试题整理——更新ing

红太狼 2022-11-15 14:09 202阅读 0赞

### 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、Boolean
        var 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);//访问新属性：she
        console.log("22",arr2.newElem);//访问新属性：she

### 五、Javascript对象方法 ###

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

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

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

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

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

// 使用every检测数组里的每一个值是否都大于5
    
        var 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)

<table> 
 <tbody> 
  <tr> 
   <td><em>total</em></td> 
   <td>必需。<em>初始值</em>, 或者计算结束后的返回值。</td> 
  </tr> 
 </tbody> 
</table>

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

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

//没有设置初始值，实现求和
     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属性，可以返回对象对应的构造函数