「牛客网」45道JS能力测评经典题总结

最新推荐文章于 2022-10-10 14:09:57 发布
最新推荐文章于 2022-10-10 14:09:57 发布
阅读量396 收藏 3
点赞数
文章标签： javascript 前端 html css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/china_coding/article/details/127188832
版权

前言

牛客网的45道JS能力评测题个人觉得是非常好的45道js基础检测题，基本就是对自己的JavaScript基础做一个比较全面的评估，包括if语句、循环体、基础操作符、setInterval、setTimeout、流程控制、常用数组方法及es6相关(解构、Map、Set、...等)。之前我已经做过一遍了，我记得以前牛客网不支持es6的写法，这两天花了点时间把所有题目又做了一遍，发现支持es6了。这次每个题目我都尽力用了不同的方法实现，建议各位看官收藏，需要的时候方便查看。当然如果你有更好更新颖的实现方法，欢迎评论区留言交流。

我也把常用的数组方法和字符串方法贴在这里，可以自测掌握程度

1、查找数组元素位置

第一题比较简单，就直接上答案：

// 方法一
function indexOf(arr, item) {
    if(Array.prototype.indexOf){// 判断浏览器是否支持indexOf方法
        return arr.indexOf(item);
    }else{
        for(var i=0;i<arr.length;i++){
            if(arr[i]===item){
                return i;
            }
        }
    }
    return -1;
}
// 方法二
function indexOf(arr, item) {
 if(Array.prototype.indexOf){// 判断浏览器是否支持indexOf方法
        return arr.indexOf(item);
    } else if (arr.indexOf(item) > 0) {
        return arr.indexOf(item)
    }else{
        return -1
    }
}
复制代码

这里顺便说一下Array.prototype.indexOf

indexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。

语法：

arr.indexOf(searchElement) //查找searchElement元素在数组中的第一个位置
 arr.indexOf(searchElement[, fromIndex = 0]) //从fromIndex开始查找searchElement元素在数组中的第一个位置

复制代码

还有另外一个查找字符串的方法String.prototype.indexOf()

str.indexOf(searchValue[, fromIndex])
复制代码
  • searchValue：一个字符串表示被查找的值。
  • fromIndex (可选)：表示调用该方法的字符串中开始查找的位置。可以是任意整数。默认值为 0。如果 fromIndex < 0 则查找整个字符串(如同传进了 0)。如果 fromIndex >= str.length，则该方法返回 -1，除非被查找的字符串是一个空字符串，此时返回 str.length。

具体可以看看MDN

2、添加元素(末尾添加)

方法一：普通的for循环拷贝+push

functionappend(arr, item) {
    let resArr = []
    for(let i = 0;i<arr.length;i++){
        resArr.push(arr[i]) 
    }
    resArr.push(item)
    return resArr
}
复制代码

方法二：使用concat将传入的数组或非数组值与原数组合并,组成一个新的数组并返回

function append(arr, item) {
    return arr.concat(item);
}
复制代码

方法三：使用slice浅拷贝+push

function append(arr, item) {
     letnewArr = arr.slice(0);  // slice(start, end)浅拷贝数组
    newArr.push(item);
    return newArr;
}
复制代码

方法四：...扩展运算符 如果不知道的，可以看看es6的相关知识

function append(arr, item) {
let resArr = [...arr,item]
return resArr
}
复制代码

3、移除数组中的元素(返回原数组)

这里需要注意理解题目，是直接操作原数组，所以不能出现newArr

方法一：普通for循环+splice

functionremoveWithoutCopy(arr, item) {
    for(let i=arr.length;i>=0;i--){
        if(arr[i]==item){
            arr.splice(i,1);
        }
    }
    return arr;
}
复制代码

方法二：方法一的另外一种写法

在这里要注意在删除掉一个元素时，要 i–，即删除这个元素后，其他元素位置往前移。

function removeWithoutCopy(arr, item) {
    for(leti = 0; i< arr.length; i++) {
        if(arr[i]===item) {
            arr.splice(i,1);
            i--;
        }
    }
    return arr;
}

复制代码

把第3题稍微变一下，看下一题

4、移除数组中的元素(返回新的数组)

方法一：filter过滤

function remove(arr, item) {
     return arr.filter(res =>{
         return res != item;
    })
}
复制代码

方法二：for循环+push

functionremove(arr, item) {
    let resArr = []
    for(let i = 0;i<arr.length;i++){
        if(arr[i]!== item){
            resArr.push(arr[i])
        }
    }
    return resArr
}
复制代码

方法三：forEach+push(效率高于for循环)

function remove(arr, item) {
    letresArr=[];
    arr.forEach(v=>{
        if(v!==item){
            resArr.push(v);
        }
    })
    return resArr;
}
复制代码

方法四：for循环+splice

function remove(arr,item){
    letresArr= arr.slice(0);
    for(let i=0;i<resArr.length;i++){
        if(resArr[i] == item){
            resArr.splice(i,1);
            i--;
        }
    }
    return resArr;
}
复制代码

5、数组求和

方法一：普通for循环

function sum(arr) {
    letres = 0
    for(let i=0;i<=arr.length;i++){
        res +=arr[i]
    }
    return res
}
复制代码

方法二：forEach循环

function sum(arr) {
    letres = 0
arr.forEach((value,index,array)=>{
    array[index] == value;    //结果为true
     res+=value;  
    });
    return res;
};
复制代码

方法三：reduce

reduce() 方法接收一个函数作为累加器，数组中的每个值(从左到右)开始缩减，最终计算为一个值，具体可以看看es6相关知识。

function sum(arr) {
    return arr.reduce((pre,cur)=>{
        return pre+cur;
    })
}
复制代码

方法四：eval

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

function sum(arr) {
     return eval(arr.join("+"));
}
复制代码

6、删除数组最后一个元素

方法一：slice

function truncate(arr) {
  return arr.slice(0,arr.length-1)
}
复制代码

方法二：concat/slice+pop

function truncate(arr) {
  let resArr = arr.concat()
  // let resArr = arr.slice(0)
  resArr.pop()
  return resArr
}
复制代码

7、添加元素(开头添加)

concat/slice/arr.join().split(',')+unshift

function prepend(arr, item) {
            // letresArr = arr.slice(0);
            // let resArr = arr.concat()
             let resArr = arr.join().split(',')
            resArr.unshift(item);
            return resArr;
        }
复制代码

8、删除数组第一个元素

与第7题大同小异，玩不出太多花样，如你有其他好玩的方法，欢迎留言

function curtail(arr) {
    let resArr = arr.slice(0)
    resArr.shift()
    return resArr
}
复制代码

9、合并数组

方法很多，欢迎大佬们留言评论

方法一：concat

function concat(arr1, arr2) {
    let resArr = arr1.concat(arr2)
    return resArr
}
复制代码

方法二：...扩展运算符

function concat(arr1, arr2) {
    let resArr = [...arr1,...arr2]
    return resArr
}
复制代码

方法三：slice+push.apply

function concat(arr1, arr2) {
    letresArr = arr1.slice(0);
            [].push.apply(resArr,arr2);
            return resArr;
}
复制代码

10、添加元素(指定位置添加)

方法一：先复制前0~index个元素，将item元素插入之后，再拼接index之后的元素

functioninsert(arr, item, index) {
    let resArr = arr.slice(0,index)
    resArr.push(item)
    resArr = resArr.concat(arr.slice(index))
    return resArr
}
复制代码

方法二：使用splice方法插入(效率较高)

function insert(arr, item, index) {
    letresArr = arr.slice(0);//
            resArr.splice(index,0,item);
            return resArr;
}
复制代码

方法三：push.apply+splice

function insert(arr, item, index) {
letresArr=[];
[].push.apply(resArr, arr);
resArr.splice(index,0,item);
return resArr;
}
复制代码

11、计数

方法一：普通for循环

function count(arr, item) {
    letreSCount = 0
    for(let i = 0;i<=arr.length;i++){
        if(arr[i] === item){
            reSCount++
        }
    }
    return reSCount
}
复制代码

方法二：forEach

function count(arr, item) {
    letresCount=0;
    arr.forEach(v => {
        if(v==item){
            resCount++;
        }
    });
    return resCount;
}
复制代码

方法三：filter

function count(arr, item) {
   letres = arr.filter(v => {
       return v === item
    });
    return res.length;
}
复制代码

方法四：map(效率高于filter)

function count(arr, item) {
    letresCount = 0
   arr.map(v => {
       if(v === item){
           resCount++
       }
    });
    return resCount;
}
复制代码

map函数和filter有点像，但是map是对数组中的所有元素进行复核函数条件的处理，最终得到的是一个新数组，元素个数不变。

filter函数虽然也是返回一个新数组，但是元素的个数等于复核函数条件的元素总和。

方法五：reduce

function count(arr, item) {
     let res = arr.reduce( (init,curr)=> {
       //如果当前置等于item，该函数值加一
       return curr === item ? init+1:init;
      },0)
      return res;
  }


复制代码

12、查找重复元素

方法一：for/for in/+sort 先进行排序，然后判断排序之后的前一个数据是否等于后一个数据，如果是且结果数组没有这个元素

//for 运行时间：1596ms 占用内存：77772k
function duplicates(arr) {
    letresArr = [];
    arr.sort();
    for(let i=0;i<arr.length;i++){
        if(arr[i]==arr[i-1] && resArr.indexOf(arr[i])==-1){
            resArr.push(arr[i]);
        }
    }
    return resArr;
}
//for in  运行时间：1132ms占用内存：77868k
function duplicates(arr) {
    let resArr = [];
    arr.sort();
    for(i in arr){
        if(arr[i]==arr[i-1] && resArr.indexOf(arr[i])==-1){
            resArr.push(arr[i]);
        }
    }
    return resArr;
}

复制代码

方法二：forEach 利用索引判断是否重复(使用了两次)

// 运行时间：1184ms 占用内存：77772k
function duplicates(arr) {
    varresArr=[];
    arr.forEach(v => {
     //判断原数组是否有重复数据
     //判断结果数组是否已经具有该数据
       if(arr.indexOf(v) !=arr.lastIndexOf(v) && resArr.indexOf(v) == -1){
           resArr.push(v);
       }
    });
    return resArr;
}
复制代码

方法三：reduce 先判断数组中元素出现的次数，如果大于1并且结果数组之前无此元素，则将这个元素放到结果数组中

// 运行时间：1129ms 占用内存：77776k
function duplicates(arr) {
   letb = [];
   let resArr = [];
   for (let i= 0; i<arr.length; i++){
        b[i] = arr.reduce( (init,curr)=> {
        //如果当前置等于item，该函数值加一
           return curr === arr[i] ? init+1:init;
           },0)
           if (b[i] > 1 && resArr.indexOf(arr[i]) === -1){
               resArr.push(arr[i]);
           }
        }
    return resArr;
}
复制代码

13、求二次方

方法一：for/forEach

// 运行时间：1466ms 占用内存：77772k
function square(arr) {
    varres = [];
    for(var i in arr){
        res.push(arr[i]*arr[i]);
    }
    return res;
}
// forEach 运行时间：1130ms 占用内存：77772k
function square(arr) {
    var resArr = [];
    arr.forEach((e)=>{
        resArr.push(e*e);
    });
    return resArr;
}
复制代码

方法二：map

// 运行时间：1433ms 占用内存：78004k
function square(arr) {
    //let resArr = arr.slice(0);
    let resArr = arr.map((e,index,array)=>{
        return e*e;
    });
    return resArr;
}

复制代码

14、查找元素位置

方法一:for

//运行时间：1139ms 占用内存：77772k
function findAllOccurrences(arr, target) {
    letresArr = [];
    for(let i=0;i < arr.length;i++){
        if(arr[i] === target){
            resArr.push(i);
        }
    }
    return resArr;
}

复制代码

方法二：forEach

// 运行时间：1135ms 占用内存：77776k
function findAllOccurrences(arr, target) {
    let resArr = [];
    arr.forEach((v,index)=>{
                if(v === target){
        resArr.push(index)
    }
                })
    return resArr;
}


复制代码

15、避免全局变量

原代码：

function globals() {
    myObject = {
      name : 'Jory'
    };

    return myObject;
}



复制代码

修复：

function globals() {
  let  myObject = {
      name : 'Jory'
    };

    return myObject;
}

复制代码

16、正确的函数定义

原代码：

function functions(flag) {
    if (flag) {
      function getValue() { return 'a'; }
    } else {
      function getValue() { return 'b'; }
    }

    return getValue();
}

复制代码

修复：else中的语句相当于将if中的function重写，因此无论flag为何值，返回的方法始终为重写后的方法。将方法赋值给一个变量，方法就不会被重写，因此才能得到正确的结果。并且只能用var声明。

function functions(flag) {
    if (flag) {
      var getValue = function () { return 'a'; }
    } else {
      var getValue = function () { return 'b'; }
    }

    return getValue();
}
复制代码

17、正确的使用 parseInt

原代码：

function parse2Int(num) {
    return parseInt(num);
}


复制代码

修复：parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。参数 radix 表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，parseInt() 会根据 string 来判断数字的基数。 举例，如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。 而本题则是要求解析为十进制的整数。

function parse2Int(num) {
    return parseInt(num,10);
}
复制代码

注意：

1.只有字符串中的第一个数字会被返回。

2.如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。 3.如果参数 radix 小于 2 或者大于 36，则 parseInt() 将返回 NaN。

18、完全等同

function identity(val1, val2) {
    if(val1===val2) {
        return true;
    }
    else{
        return false;
    }
}


复制代码

19、计时器

function count(start, end) {
    //立即输出第一个值
    console.log(start++);
     var timer = setInterval(
         function()
         {
         if(start <= end){
             console.log(start++);
         }else{
             clearInterval(timer);
         }
     },100);
    //返回一个对象
     return {
         cancel : function()
         {
             clearInterval(timer);
         }
     };
}

复制代码

setInterval(code,millisec) 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

code 是要调用的函数或要执行的代码串，millisec 是周期性执行或调用 code 之间的时间间隔，以毫秒计。

setInterval() 方法会不停地调用 code 函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 clearInterval() 方法可取消由 setInterval() 设置的 timeout，其中的参数必须是由 setInterval() 返回的 ID 值。

20、流程控制

function fizzBuzz(num) {
    if(num%3==0 && num%5==0){
        return 'fizzbuzz';
    }
    else if(num%3==0){
        return 'fizz';
    }
    else if(num%5==0){
        return 'buzz';
    }
    else if(num==null || typeof num != 'number'){
        return false;
    }
    else{
        return num
    }
}


复制代码

21、函数传参

方法一：apply/call

function argsAsArray(fn, arr) {
  return fn(arr[0],arr[1],arr[2]);
}
 
用apply
function argsAsArray(fn, arr) {
  return fn.apply(fn, arr);
}
 
//或者
function argsAsArray(fn, arr) {
  return fn.apply(this, arr);
}
 
用call
function argsAsArray(fn, arr) {
  return fn.call(fn, arr[0],arr[1],arr[2]);
}
 
//或者
function argsAsArray(fn, arr) {
  return fn.call(this, arr[0],arr[1],arr[2]);
}
复制代码

function.apply(newObj[, argsArray]) 方法可以修改指定函数的调用对象。function 是调用对象将被修改的函数，newObj 是函数的新调用对象，argsArray 是传递给function函数的参数，数组或者arguments对象。

apply 方法是将传递给函数的参数放入一个数组中，传入参数数组即可。

function.call(newObj[, arg1[, arg2[, [,…argN]]]]) 方法的作用和 apply() 方法类似，只有一个区别，就是 call() 方法接受的是若干个参数的列表，而 apply() 方法接受的是一个包含多个参数的数组。

方法二：...扩展运算符

function argsAsArray(fn, arr) {
  return  fn(...arr);
}

复制代码

22、函数的上下文

这个题目考察的是改变this指向

//apply
function speak(fn, obj) {
    return fn.apply(obj);
}
//call
function speak(fn, obj) {
    return fn.call(obj);
}
//bind
function speak(fn, obj) {
    return fn.bind(obj)();
}

复制代码

23、返回函数

function functionFunction(str) {
    return f = function (obj) {
        return str + ', ' + obj;
    }
}


复制代码

24、使用闭包

function makeClosures(arr, fn) {
    let result = [];
    for (let i of arr) {
        result.push(()=>{
            return fn(i)
        });
    }
    return result;
}
// 也可以换成forEach
复制代码

25、二次封装函数

因为没有要求函数内部this指向和作用域，所以可以不用 call 和 apply 方法。

function partial(fn, str1, str2) {
    return result = function (str3) {
        return fn(str1, str2, str3)
    };
}
复制代码

26、使用 arguments

方法一：eval

function useArguments() {
 let arr=Array.prototype.slice.call(arguments)//把arguments类数组转化为数组
 return eval(arr.join("+"));//求和
}
复制代码

方法二：reduce+call组合

function useArguments() {
 let result = Array.prototype.reduce.call(arguments,function(a,b){return a+b;});
 return result;
}

复制代码

27、使用 apply 调用函数

21题已经讲过，不再赘述

function callIt(fn) {
    return fn.apply(this, [].slice.call(arguments, 1))
}
复制代码

28、二次封装函数

注意与25题的要求区别。入门级别，不多说，是个人都会

function partialUsingArguments(fn) {
     //先获取p函数第一个参数之后的全部参数
     var args = [].slice.call(arguments,1);
     //声明result函数
     return result = function(){
         //使用concat合并两个或多个数组中的元素
         return fn.apply(this, args.concat( [].slice.call(arguments) ));
     };
}
复制代码

29、柯里化

柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。

function curryIt(fn) {
     var args = [];
     var result = function(arg){
         args.push(arg);
         if(args.length < fn.length){
            return result;
         }else 
            return fn.apply(this,args);
     }
     return result;
 }


复制代码

30、或运算

function or(a, b) {
    return (a || b);
}


复制代码

31、且运算

function and(a, b) {
    return  (a && b);
}


复制代码

32、模块

function createModule(str1, str2) {
     let obj = {
         greeting: str1,
         name: str2,
         sayIt: function(){
             return obj.greeting+", "+obj.name;
         }
     };
     return obj;
}

复制代码

33、二进制转换(十进制转二进制)

function valueAtBit(num, bit) {
    letres = num.toString(2);
    return sre[res.length - bit];
}

复制代码

NumberObject.toString(radix) 方法可把一个 Number 对象转换为一个字符串，并返回数字的字符串表示。radix 表示数字的基数，为 2 ~ 36 之间的整数。若省略该参数，则默认使用基数 10。例如，当 radix 为 2 时，NumberObject 会被转换为二进制值表示的字符串。

当调用该方法的对象不是Number 时抛出 TypeError 异常。
复制代码

通过num.toString(2)能直接将num转换为2进制数格式的字符串，利用下标就能将对应值取出来。题目返回的数字是从右往左，因此下标为倒数。

34、二进制转换(二进制转十进制)

function base10(str) {
    return parseInt(str,2);
}

复制代码

35、二进制转换(十进制转8位二进制)

function convertToBinary(num) {
    letres = num.toString(2);
    while(res.length<8){
        res = '0'+res;
    }
    return res;
}

复制代码

36、乘法

本题要注意题目要求，我们需要考虑精度，且保证以小数点后位数多的为准。以下写法是不能通过的

// 这种写法是通不过的
function multiply(a, b) {
    return a*b;
}
复制代码

正解：

function multiply(a, b) {
// 先将数字转换为字符串
letstr1 = a.toString();
let str2 = b.toString();
// 获取两个数的小数位数
let lenA = (str1.indexOf('.')==-1)?0:(str1.length-str1.indexOf(".")-1);
let lenB = (str2.indexOf('.')==-1)?0:(str2.length-str2.indexOf(".")-1);
// 比较两数的精度/位数，精度大的作为结果数精度
let len = Math.max(lenA,lenB);
// 运算结果
let result = parseFloat(a*b).toFixed(len);
return result
}
复制代码
  • toFixed(num):toFixed() 方法可把 Number 四舍五入为指定小数位数的数字; 参数num: 代表小数位数；
letnum = 5.56789; num.toFixed(2); ==>5.57
复制代码
  • parseFloat(string): parseFloat()函数可解析一个字符串，并返回一个浮点数；参数 string 可为数字可为字符串，当参数为字符串时，判断个字符是否是数字，如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，如果不是，返回NAN；
parseFloat("43ar4s2")；==>43   
parseFloat("qwar4s2")；==>NAN
复制代码

37、改变上下文

前面有讲过，不再赘述

functionalterContext(fn, obj) {
    //return fn.call(obj);
    //return fn.apply(obj);
    return fn.bind(obj)();
}
复制代码

38、批量改变对象的属性

function alterObjects(constructor, greeting) {constructor.prototype.greeting = greeting;
}

复制代码

prototype 属性可以向对象添加属性和方法。 这是原型链的知识：当查找一个对象的方法或者是属性时，首先会在该对象中寻找，如果找到则返回如果实例对象自身不存在该属性，则沿着原型链往上一级查找，找到时则输出，不存在时，则继续沿着原型链往上一级查找，直至最顶级的原型对象Object.prototype，如还是没找到，则返回undefined

将 constructor 的所有实例的 greeting 属性指向给定的 greeting 变量，只需要在constructor的原型上面添加greeting属性，并指定值。 关于原型链可以看看我之前的文章：「前端料包」深入理解JavaScript原型和原型链

39、属性遍历

方法很多凡是有遍历功能的方法都可以

方法一：for in 循环

//运行时间：1148ms 占用内存：77864k
function iterate(obj) {
    let result = [];
    for(let key in obj){
        if(obj.hasOwnProperty(key)){
            result.push(key+': '+obj[key]);//使用obj.key部分代码不能通过
        }
    }
    return result;
}
复制代码

所有继承了 Object 的对象都会继承到 hasOwnProperty() 方法。obj.hasOwnProperty(prop)方法会返回一个布尔值，指示对象 obj 自身属性中是否具有指定的属性 prop 。这个方法可以用来检测一个对象是否含有特定的自身属性，并忽略掉那些从原型链上继承到的属性。

方法二：map

//运行时间：1133ms 占用内存：77828k
function iterate(obj) {
    return Object.getOwnPropertyNames(obj).map(key=>{
        return key+": "+obj[key];
    });
}

复制代码

Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。 方法三：forEach

//运行时间：1173m  占用内存：77872k
function iterate(obj) {
    letarr=Object.keys(obj);
    let resArr=[];
    arr.forEach(item=>{
        resArr.push(item+': '+obj[item])
    })
    
    return resArr
     
}

复制代码

最后5题大部分可以用正则表达式实现，关于正则表达式可以看看正则表达式不要背

40、判断是否包含数字

方法一：正则test/match

function containsNumber(str) {
    // return /\d/.test(str);
     return !!str.match(/\d/g);
}


复制代码

方法二：遍历

function containsNumber(str) {
    for(let i=0;i<10;i++){
        if(str.indexOf(i)!=-1){
            return true;
        }
    }
    return false;
}

复制代码

当然如果想折腾，还有纯js判断：

方法三：for循环+charCodeAt()

function containsNumber(str) {
    let res = str.split('')
    for(let i = 0;i<res.length; i++){
         let temp = res[i].charCodeAt();
          if(temp>=48 &&temp<=57){
               return true
         }
        }
    return false
}
复制代码

方法四：for循环+Number()

function containsNumber(str) {
    let res = str.split('')
   for(let i = 0;i<res.length; i++){
             let temp = Number(res[i]);
             if(temp){
                return true
          }
         }
    return false
}
复制代码

41、检查重复字符串

function containsRepeatingLetter(str) {
    return /([a-zA-Z])\1/.test(str);
}
复制代码

在正则表达式中，利用()进行分组，使用斜杠加数字表示引用，\1就是引用第一个分组，\2就是引用第二个分组。将[a-zA-Z]做为一个分组，然后引用，就可以判断是否有连续重复的字母。

方法二：字符串方法

functioncontainsRepeatingLetter(str) {
    let reg = /[a-zA-Z]/;
    for(let i = 0;i < str.length;i++){
        if(str.charAt(i)==str.charAt(i+1)&&reg.test(str[i])){
            return true;
        }
    }
    return false;
}

复制代码

42、判断是否以元音字母结尾

首先确定元音集合[a,e,i,o,u]，然后是以元音结尾，加上 $ ，最后通配大小写，加上i。

function endsWithVowel(str) {
    return /[a,e,i,o,u]$/i.test(str);
    //或者
    // return /(a|o|e|i|u)$/gi.test(str);
}

复制代码

或者简单粗暴：

function endsWithVowel(str) {
    return str && ("aeiouAEIOU".indexOf(str[str.length-1]) > -1);
}

复制代码

43、获取指定字符串

function captureThreeNumbers(str) {
    //声明一个数组保存匹配的字符串结果
    let arr = str.match(/\d{3}/);
    //如果arr存在目标结果，则返回第一个元素，即最早出现的目标结果
    if(arr){
        return arr[0];
    } else{
        return false;
    } 
}

复制代码

44、判断是否符合指定格式

function matchesPattern(str) {
    return/^\d{3}-\d{3}-\d{4}$/.test(str);
}
复制代码

本题需要注意格式，开头 ^ 和结尾$ 必须加上来限定字符串，3个数可表示为\d{3}，4个数则为\d{4}，{n}表示前面内容出现的次数。正则表达式可写作 /^ \d{3}-\d{3}-\d{4}$ / ，有相同部分\d{3}-，因此也可写作 /^(\d{3}-){2}\d{4}$/ 。
复制代码

45、判断是否符合 USD 格式

function isUSD(str) {
    return /^\$\d{1,3}(,\d{3})*(\.\d{2})?$/.test(str);
}
复制代码

? 匹配前面一个表达式0次或者1次。等价于 {0,1}。
例如，/e?le?/ 匹配'angel' 中的 'el'，和 'angle' 中的 'le' 
(注意第二个 ? 前面的匹配表达式是 e 而不是 le) 以及 'oslo' 中的'l'。

如果紧跟在任何量词 *、 +、? 或 {} 的后面，将会使量词变为非贪婪的(匹配尽量少的字符)，和缺省
使用的贪婪模式(匹配尽可能多的字符)正好相反。
例如，对 "123abc" 应用 /\d+/ 将会返回 "123"，如果使用 /\d+?/,那么就只会匹配到 "1"。
还可以运用于向前断言 正向肯定查找x(?=y) 和 正向否定查找x(?!y) 。

* 匹配前一个表达式0次或多次。等价于 {0,}。
例如，/bo*/会匹配 "A ghost boooooed" 中的 'booooo' 和 "A bird warbled" 中的 'b', 
但是在 "A goat grunted" 中将不会匹配任何东西。

. (小数点)匹配  除了换行符(\n)之外的任何单个字符。
例如, /.n/将会匹配"nay, an apple is on the tree"中的'an'和'on', 但是不会匹配 'nay'。
复制代码

💕看完三件事:

  1. 点赞 | 你可以点击——>收藏——>退出一气呵成，但别忘了点赞🤭
  2. 关注 | 点个关注，下次不迷路😘
  3. 也可以到GitHub拿我所有文章源文件🤗
来源：https://juejin.cn/post/6846687602242748423
小明的学习圈子
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
牛客JS题库
weixin_47227886的博客
06-26 823
请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下： * ** *** 2.文件扩展名 请补全JavaScript代码，要求以字符串的形式返回文件名扩展名，文件名参数为"filename"。 3.千分位 4.单向监听 请补全JavaScript代码，要求每当id为"input"的输入框值发生改变时触发id为"span"的标签内容同步改变。 注意：必须使用DOM0级标准事件（onchange） 5.创建数组 请补全Jav
「面试」45 道牛客网 JavaScript 经典题总结（8500字）
程序员成长指北
07-11 270
小伙伴授权转载 作者:Jake Zhan原文链接: https://juejin.im/post/5f032fe3f265da22c75734b8前言牛客网的45道JS能力评测题个人觉得...
牛客网js题库正解(1~20题)
TXL__的博客
07-21 1566
在数学上，斐波那契数列以如下方法定义F(0)=0，F(1)=1,F(n)=F(n-1)+F(n-2)（n≥2，n∈N）请补全JavaScript代码，该函数接收两个参数分别为旧版本、新版本，当新版本高于旧版本时表明需要更新，返回true，否则返回false。请补全JavaScript代码，要求每当id为"input"的输入框值发生改变时触发id为"span"的标签内容同步改变。请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。.........
牛客网js题库正解（41-60）
TXL__的博客
10-10 175
【代码】牛客网js题库正解（41-60）
北森能力测评题库.zip
09-15
北森能力测评题库.zip
2022年牛客网-后端开发笔试题目
04-06
InnoDB、TCP、二叉树、线程、抽象类、范型、包装类型、判断比赛山脉、abb型字符、跑路问题、
jquery仿牛客网在线测评考试
06-01
实现在线模拟测评,仿照的是牛客网的测评页面
前端能力测评题，包含css，js，es6，vue等
最新发布
01-31
前端能力测评题，包含css，js，es6，vue等，可以作为检验前端工程师能力使用，也可以作为面试题。
牛客网js题库正解 (21-40题)
TXL__的博客
09-30 345
要求在Number对象的原型对象上添加"_isPrime"函数，该函数判断调用的对象是否为一个质数，是则返回true，否则返回false。要求以boolean的形式返回两个Set对象参数是否一样，是则返回true，否则返回false。要求根据下拉框选中的条件变换重新渲染列表中展示的商品，且只展示符合条件的商品。回文：就是字符串中心对称，从左向右读和从右向左读的内容是一样的。要求以Boolean的形式返回字符串参数是否符合身份证标准。要求以键/值对的对象形式返回参数数组。
【牛客网-前端笔试题】——Javascript专项练习2
xiaolu567的博客
09-02 5986
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
牛客网」45道JS能力测评经典题总结
webqianduan1的博客
07-12 451
牛客网的45道JS能力评测题，个人觉得是非常好的45道 js 基础检测题，基本就是对自己的JavaScript基础做一个比较全面的评估，包括if语句、循环体、基础操作符、setInterval、setTimeout、流程控制、常用数组方法及es6相关（解构、Map、Set、...等）。之前我已经做过一遍了，我记得以前牛客网不支持es6的写法，这两天花了点时间把所有题目又做了一遍，发现支持es6了。这次每个题目我都尽力用了不同的方法实现，建议各位看官收藏，需要的时候方便查看。当然如果你有更好更新颖的实现方法，
牛客网刷题总结【JS篇 函数 delete操作等】
qq_44810886的博客
05-09 717
1.函数自定义的三种方式 1.函数声明式（需给函数命名，可声明提前） function 函数名(){ } 2. 函数表达式/匿名函数：无需给函数命名，不可声明提前 var 变量名=function(){ } 3.构造函数 var 函数名=new Function() js里有域的概念，函数外边的是全局值，在函数里是局部域，可以读取外部变量，但是这个局部域里又重新定义，就不会再读取外部，覆盖 2. document对象方法 3.DOM的重绘与重排 1.什么是 2.什么..
牛客网 JS编程
马木木的个人博客
05-03 575
一共四十五道题，从简单到难，覆盖的范围比较多。题目：牛客网代码：点击打开链接
#学习笔记#(30)牛客网JS测试题1~20题
Pluto
01-31 2139
1、题目描述 找出元素 item 在给定数组 arr 中的位置  输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1 输入例子: indexOf([ 1, 2, 3, 4 ], 3) 输出例子: 2 代码： function indexOf(arr, item) { var index=-1; for(var i=0;i
使用JS在牛客网进行输入输出处理
独酌101112的博客
08-19 2334
由于之前参加ACM集训使用C进行刷题，导致思维一直停留在C，很久之前的面试就暴露了这个问题，但是由于自己思维禁锢的原因，加上一直使用的牛客网对JS的输入并不怎么友好，很多时候写好的代码，结果一条数据也没过，这就导致我宁愿去用算法来处理字符串，也不愿意用JS的遍历语法，但是毕竟还是要走前端这条路的，只能在刷题的过程中，强迫自己使用JS。 接下来吐槽一下牛客网的评判机制，当然这也与JS这门语言的性质有关，由于这门语言的变量属性是松散的，一个var就能声明所有类型的变量，这也就导致了它无法像C一样去灵活的读取每一
javascript测试题和参考答案----试题源自牛客网
学习中~~~~
04-12 9930
附上牛客网链接： https://www.nowcoder.com/ta/js-assessment?page=1 最近有点不知所措，该用什么，该学什么；随意学起了javascript，就试着做了一下牛客网的试题，附上答案 1、查找数组元素位置 题目描述 找出元素 item 在给定数组 arr 中的位置 输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -...
牛客网错题知识点整理——js_1
csdn_xuebing的博客
10-06 196
1.Blob对象 BLOB (binary large object)，二进制大对象，是一个可以存储二进制文件的容器。 一个Blob对象就是一个包含有只读原始数据的类文件对象.实际上 file 对象只是 blob 对象的一个更具体的版本。 大型对象中：BLOB就是使用二进制保存数据。如：保存位图。CLOB使用CHAR来保存数据。如：保存XML文档。 2.form表单中input元素的rea...
js实现简单的选择题测评页面
05-30
好的，我可以帮你实现一个简单的选择题测评页面。首先，你需要一个 HTML 页面和相应的 JavaScript 文件。 HTML 页面： ```html <!DOCTYPE html> 选择题测评 选择题测评 <!-- 在这里添加选择题 --> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值