前端JS题目

[if !supportLists]1. [endif]写出10个常用的数组方法


<script>    // indexOf() lastIndexOf() includes()     // unshift() shift() push() pop()    // concat()  slice()  reverse()    // sort() join()  splice()      // forEach()  map() filter()  some() every()    // find() findIndex() reduce() </script>



[if !supportLists]2. [endif]写出10个常用的字符串方法



<script>    // indexOf() lastIndexOf()  repeat() trim()    // charAt()  charCodeAt()  endsWith() startsWith()    // concat()  toUppercase() toLowercase()    // search()  match()  split() replace()    // substring() slice() includes()</script>



[if !supportLists]3. [endif]存一个有效期为7天的cookie,key=nickname,val=Ace


<script>    var now = new Date();    now.setDate(now.getDate() + 7)    document.cookie = "nickname=Ace;expires=" + now;    console.log(document.cookie);</script>

4.删除上面那个cookie

<script>    var now = new Date();    now.setDate(now.getDate() - 1)    document.cookie = "nickname=Ace;expires=" + now;</script>



5.获取地址栏 age=20&pirce=30&keywords=lv&cc=1中的keywords参数的值



<script>    // 获取地址栏 age=20&pirce=30&keywords=lv&cc=1 中的keywords参数的值    var str = 'age=20&pirce=30&keywords=lv&cc=1'    function getValue(key) {        var arr1 = str.split("&");        console.log(arr1);        for (let i = 0; i < arr1.length; i++) {            console.log(arr1[i]);            var arr2 = arr1[i].split("=");            console.log(arr2);            if (arr2[0] == key) {                return arr2[1]            }        }    }    console.log(getValue('keywords'));</script>





[if !supportLists]6. [endif]获取30~40之间的一个随机数



<script>    // Math.floor(Math.random() * (max-min+1) + min)    var randomNum = Math.floor(Math.random() * 11 + 30)    console.log(randomNum);</script>




[if !supportLists]7. [endif]如何获取当前是星期几,汉字


<script>    var now = new Date();    var week = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']    console.log(week[now.getDay()]);</script>






[if !supportLists]8. [endif]递归方式获取10以内数字的和


<script>    function fn(num) {        if (num <= 1) {            return 1;        } else {            return num + fn(num - 1)        }    }    console.log(fn(10));</script>



[if !supportLists]9. [endif]写一个补零函数,如repairZero(8)变成“08”



<script>    // 9.写一个补零函数,如 repairZero(8) 变成 “08”    function repairZero(num) {        if (num < 10) {            return "0" + num        } else {            return "" + num        }    }    console.log(repairZero(8));</script>


或者:


<script>    // 9.写一个补零函数,如 repairZero(8) 变成 “08”    function repairZero(num) {        return num = num < 10 ? '0' + num : "" + num    }    console.log(repairZero(8));</script>



[if !supportLists]10. [endif]手写节流函数



<script>    function debounce(fn, wait) {        let timer;        return function () {            console.log(timer);            if (timer) {                return;            }            timer = setTimeout(() => {                fn.apply(this, arguments); // 正常                timer = null;            }, wait);        }    }</script>


[if !supportLists]11. [endif]手写防抖函数


<script>    function debounce(fn, delay) {        let timeout;        return function () {            clearTimeout(timeout);            timeout = setTimeout(() => {                // fn(); // 报错                fn.apply(this, arguments); // 正常            }, delay);        }    }</script>






[if !supportLists]12. [endif]写一个函数,将{a:1,b:2}转换成a=1&b=2的字符串



<script>    // {a:1,b:2}转换a=1&b=2的字符串    var arr = [];    var obj = {a:1,b:2};    for (var key in obj) {        arr.push(key + '=' + obj[key]);    }    console.log(arr.join('&'));</script>





[if !supportLists]13. [endif]写一个函数,得到字符串aabcdcacd中每个字符串的出现次数



方法一:


<script>    // 得到字符串 aabcdcacd中每字符串的出    var str = 'aabcdcacd'    function charStat(str){        var obj = {};        for (let i = 0; i < str.length; i++) {            if (obj[str[i]]) {                obj[str[i]]++            } else {                obj[str[i]] = 1;            }        }        return obj    }    console.log(charStat(str));</script>


方法二:


<script>    // 得到字符串 aabcdcacd中每字符串的出    var str = 'aabcdcacd'    var countedStr = str.split("").reduce(function (allStr, str) {        console.log(allStr,str);        if (str in allStr) {            allStr[str]++;        }        else {            allStr[str] = 1;        }        return allStr;    }, {});    console.log(countedStr);</script>


方法三:

<script>    // 得到字符串 aabcdcacd中每字符串的出    var str = 'aabcdcacd'    var res = [...str].reduce( (a,b) => {        a[b] ? a[b]++ : a[b]=1;        return a;    }, {});    console.log(res);</script>







14.写一个函数,将数组中[11,22,11,32,22,4]去除重复


<script>    // 将数组[11,22,11,32,22,4]去除重    var arr = [11,22,11,32,22,4];    var arr2 = [];    // 也可以使用indexOf()方法    arr.forEach(item => {        if (!arr2.includes(item)) {            arr2.push(item)        }    });    console.log(arr2);    // 使用Set    var m = new Set(arr);    console.log(m);    console.log([...m]);</script>







15.写一个函数,实现数组的join功能,如 _.join([1,2,3],'&')得到 1&2&3



<script>    //  _.join([1,2,3],'&')得到 1&2&3    Array.prototype.myjoin = function(str){        var res = ""        var str = str || ','        for (let i = 0; i < this.length-1; i++) {            res += this[i] + str;        }        return res + this[this.length-1];    }    console.log([1,2,3].myjoin("&"));</script>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,367评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,959评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,750评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,226评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,252评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,975评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,592评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,497评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,027评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,147评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,274评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,953评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,623评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,143评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,260评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,607评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,271评论 2 358

推荐阅读更多精彩内容

  • [if !supportLists]第一章 [endif]基本语法 [if !supportLists]一、[en...
    海绵宝宝_b8a2阅读 528评论 0 0
  • 1.javascript的typeof返回哪些数据类型 object number function boolea...
    洛珎阅读 260评论 0 0
  • CSS CSS3 布局属性 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100 !importan...
    53cfdb355418阅读 427评论 0 0
  • 任何一门语言的学习都可以从下面几个方面入手: 数据类型 操作符 表达式 语句 流程控制语句 函数 对象 内置数据类...
    铁憨憨的职业生涯阅读 448评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,507评论 1 45