前端面试题小结

  1. js 字符串操作函数
  2. concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。

    join() 方法用于把数组中的所有元素放入一个字符串。

    indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。

    charAt() – 返回指定位置的字符。

    lastIndexOf() – 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1 。

    match() – 检查一个字符串是否匹配一个正则表达式。

    substr() 函数 – 返回从string的startPos位置,长度为length的字符串

    substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。

    slice() – 提取字符串的一部分,并返回一个新字符串。

    replace() – 用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串。

    search() – 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。

    split() – 通过将字符串划分成子串,将一个字符串做成一个字符串数组。

    length – 返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。

    toLowerCase() – 将整个字符串转成小写字母。

    toUpperCase() – 将整个字符串转成大写字母。

  3. js中==和===区别

  4. 简单来说: == 代表相同, ===代表严格相同, 为啥这么说呢,

    这么理解: 当进行双等号比较时候:先检查两个操作数数据类型,如果相同, 则进行===比较, 如果不同, 则愿意为你进行一次类型转换, 转换成相同类型后再进行比较, 而===比较时, 如果类型不同,直接就是false.

    操作数1 == 操作数2, 操作数1 === 操作数2

    比较过程:

      双等号==:

      (1)如果两个值类型相同,再进行三个等号(===)的比较

      (2)如果两个值类型不同,也有可能相等,需根据以下规则进行类型转换在比较:

        1)如果一个是null,一个是undefined,那么相等

        2)如果一个是字符串,一个是数值,把字符串转换成数值之后再进行比较

      三等号===:

      (1)如果类型不同,就一定不相等

      (2)如果两个都是数值,并且是同一个值,那么相等;如果其中至少一个是NaN,那么不相等。(判断一个值是否是NaN,只能使用isNaN()来判断)

      (3)如果两个都是字符串,每个位置的字符都一样,那么相等,否则不相等。

      (4)如果两个值都是true,或是false,那么相等

      (5)如果两个值都引用同一个对象或是函数,那么相等,否则不相等

      (6)如果两个值都是null,或是undefined,那么相等

  5. js中push(),pop(),unshift(),shift()的用法小结

  6. 1)、这两组同为对数组的操作,并且会改变数组的本身的长度及内容。

      不同的是 push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头部进行增减。
     例子:var arr = [1, 2];

    2)、push()和unshift()

      向数组的 尾部/头部 添加若干元素,并返回 数组的 新长度;

      arr.push(3,4); //返回 arr 的新长度 4

      arr ; // arr = [1,2,3,4];

      arr.unshift(0,0.5); // 返回 arr 的新长度 6

      arr ; // arr = [0,0.5,1,2,3,4];

    3)、pop()和shift()

      从数组的 尾部/头部 删除1个元素(删且只删除1个),并返回 被删除的元素;空数组是继续删除,不报错,但返回undefined;

      arr.pop();      //返回 4;

      arr ;         // arr = [0,0.5,1,2,3];

      arr.pop();      //返回 3;

      arr ;         // arr = [0,0.5,1,2];

      arr.shift();     // 返回 0 ;

      arr ;        // arr = [0.5,1,2]

      PS: pop()和shift() 不接受传参,即使传了参数也没什么卵用~~;

      arr.pop(3) ; // 返回 2;永远返回最后一个;

      arr ;        // arr = [0.5,1];

      arr.shift(1);    // 返回 0.5; 永远返回第一个;

      arr ;        // arr = [1];

      arr.pop() ;     // 返回 1;

      arr ;        // arr = [];

      arr.shift()     // 返回 undefined;

      arr ;        // arr = [];

  7. link和@import的区别
  8. link属于html标签,而@import是css提供的。

    页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。

    link是html标签,因此没有兼容性,而@import只有IE5以上才能识别。

    link方式样式的权重高于@import的。

    link支持使用js控制DOM改变样式,@import不支持。‘

  9. 编写一个方法 去掉一个数组的重复元素

  10. 方法一:

    var arr = [0,2,3,4,4,0,2];
    var obj = {};
    var tmp = [];
    for(var i = 0 ;i< arr.length;i++){
    if( !obj[arr[i]] ){
    obj[arr[i]] = 1;
    tmp.push(arr[i]);
    }
    }
    console.log(tmp);
    结果如下: [0, 2, 3, 4]

    方法二:

    var arr = [2,3,4,4,5,2,3,6],
    arr2 = [];
    for(var i = 0;i< arr.length;i++){
    if(arr2.indexOf(arr[i]) < 0){
    arr2.push(arr[i]);
    }
    }
    console.log(arr2);
    结果为:[2, 3, 4, 5, 6]

    方法三:

    var arr = [2,3,4,4,5,2,3,6];
    var arr2 = arr.filter(function(element,index,self){
    return self.indexOf(element) === index;
    });
    console.log(arr2);

    结果为:[2, 3, 4, 5, 6]