JavaScript編程題記錄

封裝函數(shù) f ，使 f 的 this 指向指定的對象
function bindThis(f,oTarget){ 
    if(f.bind){
        return f.bind(oTarget);
    }else{
        return function(){
            return f.apply(oTarget,arguments);
        }
    }
}

tips:bind返回值是一個(gè)函數(shù)，而apply是立即執(zhí)行函數(shù)

獲取 url 中的參數(shù)
  1. 指定參數(shù)名稱，返回該參數(shù)的值 或者 空字符串
  2. 不指定參數(shù)名稱，返回全部的參數(shù)對象 或者 {}
  3. 如果存在多個(gè)同名參數(shù)，則返回?cái)?shù)組
function getUrlParam(sUrl, sKey) {
    var params=sUrl.split('?')[1].split('#')[0];
    if(sKey){
        //指定參數(shù)
        var resultArr=[];
        var paramsArr=params.split('&');
        paramsArr.forEach(function(item){
            if(item.split('=')[0]===sKey){
                resultArr.push(item.split('=')[1]);
            }
        });
        if(resultArr.length===1){
            return resultArr[0];
        }else if(resultArr.length===0){
            return "";
        }else{
            return resultArr;
        }
    }else{
        //不指定傳參
        var resultObj={}; 
        if(params===undefined){
            return resultObj;
        }
        var paramsArr=params.split('&');
        paramsArr.forEach(function(item){
            if(!(item.split('=')[0] in resultObj)){
                resultObj[item.split('=')[0]]=[];
            }
            resultObj[item.split('=')[0]].push(item.split('=')[1]);       
        });
        return resultObj;
    }
}
查找兩個(gè)節(jié)點(diǎn)的最近的一個(gè)共同父節(jié)點(diǎn)，可以包括節(jié)點(diǎn)自身
function commonParentNode(oNode1, oNode2) {
    for(;;oNode1=oNode1.parentNode){
        if(oNode1.contains(oNode2)){
            return oNode1;
        }
    }
}
根據(jù)包名，在指定空間中創(chuàng)建對象
function namespace(oNamespace,sPackage){
    var arr=sPackage.split('.');
    var origin=oNamespace;
    arr.forEach(function(item){
        if(item in oNamespace){
            if(typeof oNamespace[item]!=='object'){
                oNamespace[item]={};
            }
        }else{
            oNamespace[item]={};
        }
        oNamespace=oNamespace[item];
    });
    return origin;
}
為 Array 對象添加一個(gè)去除重復(fù)項(xiàng)的方法
Array.prototype.uniq=function(){
    var uniqArr=[];
    var NaNPushed=false;
    this.forEach(function(item){
        if(uniqArr.indexOf(item)===-1){
            //NaN!=NaN
            if(item!=item){
                if(!NaNPushed){
                    uniqArr.push(item);
                    NaNPushed=true;
                }
            }else{
                uniqArr.push(item);
            }
        }
    });
    return uniqArr;
}
實(shí)現(xiàn)斐波那契數(shù)列函數(shù),返回第n個(gè)斐波那契數(shù)。 f(1) = 1, f(2) = 1 等
function fibonacci(n){
    if(n==1||n==2){
        return 1;
    }else {
        return fibonacci(n-1)+fibonacci(n-2);
    }
}
按所給的時(shí)間格式輸出指定的時(shí)間

格式說明
對于 2014.09.05 13:14:20
yyyy: 年份，2014
yy: 年份，14
MM: 月份，補(bǔ)滿兩位，09
M: 月份, 9
dd: 日期，補(bǔ)滿兩位，05
d: 日期, 5
HH: 24制小時(shí)，補(bǔ)滿兩位，13
H: 24制小時(shí)，13
hh: 12制小時(shí)，補(bǔ)滿兩位，01
h: 12制小時(shí)，1
mm: 分鐘，補(bǔ)滿兩位，14
m: 分鐘，14
ss: 秒，補(bǔ)滿兩位，20
s: 秒，20
w: 星期，為 ['日', '一', '二', '三', '四', '五', '六'] 中的某一個(gè)

function formatDate(DateObj,formatStr){
    var formatObj={
        yyyy:DateObj.getFullYear(),
        yy:(''+DateObj.getFullYear()).slice(-2),
        MM:('0'+(DateObj.getMonth()+1)).slice(-2),
        M:DateObj.getMonth()+1,
        dd:('0'+DateObj.getDate()).slice(-2),
        d:DateObj.getDate(),
        HH:('0'+DateObj.getHours()).slice(-2),
        H:DateObj.getHours(),
        hh:('0'+DateObj.getHours()%12).slice(-2),
        h:DateObj.getHours()%12,
        mm:('0'+DateObj.getMinutes()).slice(-2),
        m:DateObj.getMinutes(),
        ss:('0'+DateObj.getSeconds()).slice(-2),
        s:DateObj.getSeconds(),
        w:['日','一','二','三','四','五','六'][DateObj.getDay()]
    };
    return formatStr.replace(/([a-z]+)/ig,function(key){
        return formatObj[key];
    });
}
如果第二個(gè)參數(shù) bUnicode255For1 === true，則所有字符長度為 1，否則如果字符 Unicode 編碼 > 255 則長度為 2
function strLength(str,bUnicode255For1){
    if(bUnicode255For1){
        return str.length;
    }else {
        var len=str.length;
        for(var i=0;i<str.length;i++){
            if(str.charCodeAt(i)>255){
                len++;
            }
        }
        return len;
    }
}
判斷輸入是否是正確的郵箱格式
function isAvailableEmail(sEmail){
    var checkReg=/^(\w+)(\.\w+)*@(\w+)(\.\w+)*.(\w+)$/i;
    return checkReg.test(sEmail);
}
將 rgb 顏色字符串轉(zhuǎn)換為十六進(jìn)制的形式，如 rgb(255, 255, 255) 轉(zhuǎn)為 #ffffff
  1. rgb 中每個(gè) , 后面的空格數(shù)量不固定
  2. 十六進(jìn)制表達(dá)式使用六位小寫字母
  3. 如果輸入不符合 rgb 格式，返回原始輸入
function rgb2hex(sRGB) {
    return sRGB.replace(/^rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\)$/,function(allMatch,rMatch,gMatch,bMatch){
         return '#'+toHex(rMatch)+toHex(gMatch)+toHex(bMatch);
    });
    function toHex(matchItem){
        return ('0'+(+matchItem).toString(16)).slice(-2);
    }
}
將字符串轉(zhuǎn)換為駝峰格式
  1. 以 - 為分隔符，將第二個(gè)起的非空單詞首字母轉(zhuǎn)為大寫
  2. -webkit-border-image 轉(zhuǎn)換后的結(jié)果為 webkitBorderImage
function cssStyle2DomStyle(sName) {
    var str=sName.split('-');
    if(str[0]==''){
        str.splice(0,1);
    }
    for(var i=1;i<str.length;i++){
        str[i]=str[i][0].toUpperCase()+str[i].slice(1);
    }
    return str.join('');
}
統(tǒng)計(jì)字符串中每個(gè)字符的出現(xiàn)頻率，返回一個(gè) Object，key 為統(tǒng)計(jì)字符，value 為出現(xiàn)頻率
  1. 不限制 key 的順序
  2. 輸入的字符串參數(shù)不會(huì)為空
  3. 忽略空白字符
function count(str) {
    str.replace(/\s/g,'');
    var countObj={};
    for(var i=0;i<str.length;i++){
        if(!countObj[str[i]]){
            countObj[str[i]]=1;
        }else{
            countObj[str[i]]++;
        }
    }
    return countObj;
}
計(jì)算給定數(shù)組 arr 中所有元素的總和，數(shù)組中的元素均為 Number 類型
function sum(arr) {
    var sum=0;
    arr.forEach(function(item){
        sum+=item;
    });
    return sum;
}
移除數(shù)組 arr 中的所有值與 item 相等的元素。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function remove(arr, item) {
    var newArr=[];
    arr.forEach(function(e){
        if(item!=e){
            newArr.push(e);
        }
    });
    return newArr;
}
移除數(shù)組 arr 中的所有值與 item 相等的元素，直接在給定的 arr 數(shù)組上進(jìn)行操作，并將結(jié)果返回
//解法一
function removeWithoutCopy(arr,item){
    for(var i=0;i<arr.length;i++){
        if(item==arr[i]){
            arr.splice(i,1);
            i--;
        }
    }
    return arr;
}
//解法二
function removeWithoutCopy(arr,item){
    var len=arr.length;
    for(var i=0;i<len;i++){
        if(arr[0]!==item){
            //插尾
            arr.push(arr[0]);
        }
        //去頭
        arr.shift();
    }
    return arr;
}
在數(shù)組 arr 末尾添加元素 item。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
//解法一
function append(arr, item) {
    return arr.concat([item]);
}
//解法二
function prepend(arr, item) {
    return [...arr,item];
}
刪除數(shù)組 arr 最后一個(gè)元素。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function truncate(arr) {
    return arr.slice(0,-1);
}
在數(shù)組 arr 開頭添加元素 item。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
//解法一
function prepend(arr, item) {
    return [item].concat(arr);
}
//解法二
function prepend(arr, item) {
    return [item,...arr];
}
刪除數(shù)組 arr 第一個(gè)元素。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function curtail(arr) {
    return arr.slice(1);
}
合并數(shù)組 arr1 和數(shù)組 arr2。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function concat(arr1, arr2) {
    return arr1.concat(arr2);
}
在數(shù)組 arr 的 index 處添加元素 item。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function insert(arr, item, index) {
    var newArr=arr.slice(0);
    newArr.splice(index,0,item);
    return newArr;
}
統(tǒng)計(jì)數(shù)組 arr 中值等于 item 的元素出現(xiàn)的次數(shù)
function count(arr, item) {
    var count=0;
    arr.forEach(function(e){
        if(e===item){
            count++;
        }
    });
    return count;
}
找出數(shù)組 arr 中重復(fù)出現(xiàn)過的元素
function duplicates(arr) {
    var resultArr=[];
    arr.forEach(function(item){
        if(arr.indexOf(item)!=arr.lastIndexOf(item)&&resultArr.indexOf(item)==-1){
            resultArr.push(item);
        }
    });
    return resultArr;
}
為數(shù)組 arr 中的每個(gè)元素求二次方。不要直接修改數(shù)組 arr，結(jié)果返回新的數(shù)組
function square(arr) {
    var resultArr=[];
    arr.forEach(function(item){
        resultArr.push(item*item);
    });
    return resultArr;
}
在數(shù)組 arr 中，查找值與 item 相等的元素出現(xiàn)的所有位置
function findAllOccurrences(arr, target) {
    var resultArr=[];
    arr.forEach(function(item,index){
        if(item===target){
            resultArr.push(index);
        }
    });
    return resultArr;
}
給定的 js 代碼中存在全局變量，請修復(fù)
//示例代碼
function globals() {
    myObject = {
      name : 'Jory'
    };

    return myObject;
}

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

    return myObject;
}
請修復(fù)給定的 js 代碼中，函數(shù)定義存在的問題
//示例代碼
function functions(flag) {
    if (flag) {
      function getValue() { return 'a'; }
    } else {
      function getValue() { return 'b'; }
    }
    return getValue();
}

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

    return getValue();
}
修改 js 代碼中 parseInt 的調(diào)用方式，使之通過全部測試用例，'12'->12、'12px'->12、 '0x12'->0
//示例代碼
function parse2Int(num) {
    return parseInt(num);
}

function parse2Int(num) {
    return parseInt(num,10);
}
實(shí)現(xiàn)一個(gè)打點(diǎn)計(jì)時(shí)器，要求
  1. 從 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一個(gè)數(shù)字，每次數(shù)字增幅為 1
  2. 返回的對象中需要包含一個(gè) cancel 方法，用于停止定時(shí)操作
  3. 第一個(gè)數(shù)需要立即輸出
function count(start, end) {
    console.log(start);
    var timer=setInterval(function(){
        var nextTic=++start;
        console.log(nextTic);
        if(nextTic>=end){
            clearTimeout(timer);
        }
    },100);
    return {
        cancel:function(){
            clearInterval(timer);
        }
    }
}
實(shí)現(xiàn) fizzBuzz 函數(shù)，參數(shù) num 與返回值的關(guān)系如下：
  1. 如果 num 能同時(shí)被 3 和 5 整除，返回字符串 fizzbuzz
  2. 如果 num 能被 3 整除，返回字符串 fizz
  3. 如果 num 能被 5 整除，返回字符串 buzz
  4. 如果參數(shù)為空或者不是 Number 類型，返回 false
  5. 其余情況，返回參數(shù) num
function fizzBuzz(num) {
    if(num%5==0&&num%3==0){
        return 'fizzbuzz';
    }else if(num%3==0){
        return 'fizz';
    }else if(num%5==0){
        return 'buzz';
    }else if(num==undefined||typeof num!='number'){
        return false;
    }else{
        return num;
    }
}
將數(shù)組 arr 中的元素作為調(diào)用函數(shù) fn 的參數(shù)

輸入：function (greeting, name, punctuation) {return greeting + ', ' + name + (punctuation || '!');}, ['Hello', 'Ellie', '!']
輸出：Hello, Ellie!

//解法一
function argsAsArray(fn, arr) {
    return fn.apply(null,arr);
}
//解法二
function argsAsArray(fn, arr) {
    return fn(...arr);
}
將函數(shù) fn 的執(zhí)行上下文改為 obj 對象

輸入：function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'}
輸出：Hello, Rebecca!!!

function speak(fn, obj) {
    return fn.apply(obj,arguments);
}
實(shí)現(xiàn)函數(shù) functionFunction，調(diào)用之后滿足如下條件：
  1. 返回值為一個(gè)函數(shù) f
  2. 調(diào)用返回的函數(shù) f，返回值為按照調(diào)用順序的參數(shù)拼接，拼接字符為英文逗號加一個(gè)空格，即 ', '
  3. 所有函數(shù)的參數(shù)數(shù)量為 1，且均為 String 類型

輸入：functionFunction('Hello')('world')
輸出：Hello, world

function functionFunction(str) {
    return function(innerStr){
        return str+', '+innerStr;
    }
}
實(shí)現(xiàn)函數(shù) makeClosures，調(diào)用之后滿足如下條件：
  1. 返回一個(gè)函數(shù)數(shù)組 result，長度與 arr 相同
  2. 運(yùn)行 result 中第 i 個(gè)函數(shù)，即 resulti，結(jié)果與 fn(arr[i]) 相同

輸入：[1, 2, 3], function (x) { return x * x; }
輸出：4

//解法一
function makeClosures(arr, fn) {
    var result=[];
    arr.forEach(function(item,index){
        result[index]=function(){
            return fn(item);
        } 
    });
    return result;
}
//解法二
function makeClosures(arr, fn) {   
    var result = new Array();
    for(let i=0;i<arr.length;i++){
        result[i] = function(){
            return fn(arr[i]);           
        };
    }
    return result;
}
//錯(cuò)誤解法
function makeClosures(arr, fn) {   
    var result = new Array();
    for(var i=0;i<arr.length;i++){
        result[i] = function(){
            return fn(arr[i]);           
        };
    }
    return result;
}
已知函數(shù) fn 執(zhí)行需要 3 個(gè)參數(shù)。請實(shí)現(xiàn)函數(shù) partial，調(diào)用之后滿足如下條件：
  1. 返回一個(gè)函數(shù) result，該函數(shù)接受一個(gè)參數(shù)
  2. 執(zhí)行 result(str3) ，返回的結(jié)果與 fn(str1, str2, str3) 一致

輸入：var sayIt = function(greeting, name, punctuation) { return greeting + ', ' + name + (punctuation || '!'); }; partial(sayIt, 'Hello', 'Ellie')('!!!');
輸出：Hello, Ellie!!!

function partial(fn, str1, str2) {
    return result=function(str3){
        return fn(str1,str2,str3);
    }
}
函數(shù) useArguments 可以接收 1 個(gè)及以上的參數(shù)。請實(shí)現(xiàn)函數(shù) useArguments，返回所有調(diào)用參數(shù)相加后的結(jié)果。本題的測試參數(shù)全部為 Number 類型，不需考慮參數(shù)轉(zhuǎn)換
function useArguments() {
    var sum=0;
    for(key in arguments){
        sum+=arguments[key];
    }
    return sum;
}
實(shí)現(xiàn)函數(shù) callIt，調(diào)用之后滿足如下條件
  1. 返回的結(jié)果為調(diào)用 fn 之后的結(jié)果
  2. fn 的調(diào)用參數(shù)為 callIt 的第一個(gè)參數(shù)之后的全部參數(shù)
function callIt(fn) {
    var args=Array.prototype.slice.call(arguments,1);
    return fn.apply(null,args);
}
實(shí)現(xiàn)函數(shù) partialUsingArguments，調(diào)用之后滿足如下條件：
  1. 返回一個(gè)函數(shù) result
  2. 調(diào)用 result 之后，返回的結(jié)果與調(diào)用函數(shù) fn 的結(jié)果一致
  3. fn 的調(diào)用參數(shù)為 partialUsingArguments 的第一個(gè)參數(shù)之后的全部參數(shù)以及 result 的調(diào)用參數(shù)
function partialUsingArguments(fn) {
    var args=Array.prototype.slice.call(arguments,1);
    return result=function(){
        return fn.apply(null,args.concat(Array.prototype.slice.call(arguments,0)));
    }
}
已知 fn 為一個(gè)預(yù)定義函數(shù)，實(shí)現(xiàn)函數(shù) curryIt，調(diào)用之后滿足如下條件：
  1. 返回一個(gè)函數(shù) a，a 的 length 屬性值為 1（即顯式聲明 a 接收一個(gè)參數(shù)）
  2. 調(diào)用 a 之后，返回一個(gè)函數(shù) b, b 的 length 屬性值為 1
  3. 調(diào)用 b 之后，返回一個(gè)函數(shù) c, c 的 length 屬性值為 1
  4. 調(diào)用 c 之后，返回的結(jié)果與調(diào)用 fn 的返回值一致
  5. fn 的參數(shù)依次為函數(shù) a, b, c 的調(diào)用參數(shù)uj

輸入：var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);
輸出：6

function curryIt(fn) {
    return a=function(arg1){
        return b=function(arg2){
            return c=function(arg3){
                return fn(arg1,arg2,arg3);
            }
        }
    }
}
完成函數(shù) createModule，調(diào)用之后滿足如下要求：
  1. 返回一個(gè)對象
  2. 對象的 greeting 屬性值等于 str1， name 屬性值等于 str2
  3. 對象存在一個(gè) sayIt 方法，該方法返回的字符串為 greeting屬性值 + ', ' + name屬性值
function createModule(str1, str2) {
    return {
        greeting:str1,
        name:str2,
        sayIt:function(){
            return this.greeting+', '+this.name;
        }
    }
}
獲取數(shù)字 num 二進(jìn)制形式第 bit 位的值。注意：
  1. bit 從 1 開始
  2. 返回 0 或 1
  3. 舉例：2 的二進(jìn)制為 10，第 1 位為 0，第 2 位為 1
//解法一
function valueAtBit(num, bit) {
    var s=num.toString(2);
    return s[s.length-bit];
}
//解法二
function valueAtBit(num, bit) {
    return (num >> (bit -1)) & 1;
}
給定二進(jìn)制字符串，將其換算成對應(yīng)的十進(jìn)制數(shù)字
function base10(str) {
    return parseInt(str,2);
}
將給定數(shù)字轉(zhuǎn)換成二進(jìn)制字符串。如果字符串長度不足 8 位，則在前面補(bǔ) 0 到滿8位
function convertToBinary(num) {
    var str=num.toString(2);
    while(str.length<8){
        str='0'+str;
    }
    return str;
}
給定一個(gè)構(gòu)造函數(shù) constructor，請完成 alterObjects 方法，將 constructor 的所有實(shí)例的 greeting 屬性指向給定的 greeting 變量

輸入：var C = function(name) {this.name = name; return this;}; var obj1 = new C('Rebecca'); alterObjects(C, 'What\'s up'); obj1.greeting;
輸出：What's up

function alterObjects(constructor, greeting) {
    return constructor.prototype.greeting=greeting;
}
找出對象 obj 不在原型鏈上的屬性(注意這題測試?yán)拥拿疤柡竺嬉灿幸粋€(gè)空格~)
  1. 返回?cái)?shù)組，格式為 key: value
  2. 結(jié)果數(shù)組不要求順序

輸入：var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip';iterate(new C());
輸出：["foo: bar", "baz: bim"]

function iterate(obj) {
    var resultArr=[];
    for(key in obj){
        if(obj.hasOwnProperty(key)){
            resultArr.push(key+': '+obj[key]);
        }
    }
    return resultArr;
}
給定字符串 str，檢查其是否包含數(shù)字，包含返回 true，否則返回 false
function containsNumber(str) {
    return /[0-9]/.test(str);
}
給定字符串 str，檢查其是否包含連續(xù)重復(fù)的字母（a-zA-Z），包含返回 true，否則返回 false
function containsRepeatingLetter(str) {
    return /([a-zA-Z])\1/.test(str);
}
給定字符串 str，檢查其是否以元音字母結(jié)尾
  1. 元音字母包括 a，e，i，o，u，以及對應(yīng)的大寫
  2. 包含返回 true，否則返回 false
function endsWithVowel(str) {
    return /[a,e,i,o,u,A,E,I,O,U]$/.test(str);
}
給定字符串 str，檢查其是否包含 連續(xù)3個(gè)數(shù)字
  1. 如果包含，返回最新出現(xiàn)的 3 個(gè)數(shù)字的字符串
  2. 如果不包含，返回 false
function captureThreeNumbers(str) {
    var res=str.match(/\d{3}/);
    if(res){
        return res[0];
    }else{
        return false;
    }
}
給定字符串 str，檢查其是否符合如下格式
  1. XXX-XXX-XXXX
  2. 其中 X 為 Number 類型
function matchesPattern(str) {
    return /^(\d{3}-){2}\d{4}$/.test(str);
}
給定字符串 str，檢查其是否符合美元書寫格式
  1. 以 $ 開始
  2. 整數(shù)部分，從個(gè)位起，滿 3 個(gè)數(shù)字用 , 分隔
  3. 如果為小數(shù)，則小數(shù)部分長度為 2
  4. 正確的格式如：$1,023,032.03 或者 $2.03，錯(cuò)誤的格式如：$3,432,12.12 或者 $34,344.3
function isUSD(str) {
    return /^\$\d{1,3}(,\d{3})*(\.\d{2})?$/.test(str);
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容