刷題

1. 查找數組中元素的位置并返回下標，

String 對象方法 indexOf()

indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置。

如果沒有找到匹配的字符串則返回 -1。

注意： indexOf() 方法區分大小寫。

2.數組求和

3.移除數組中的元素，不直接改原數組，返回新數組

function remove(arr, item) {var a = [];for(var i=0;i<arr.length;i++){if(arr[i] != item){a.push(arr[i]);}}return a; }

4.移除數組中的元素，直接在原數組上操作。數組splice()方法。

splice() 方法用于添加或刪除數組中的元素。

注意：這種方法會改變原始數組。

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

arr[i]==item，就將i作為第一個參數，1作為第二個參數（只刪除一個元素）傳給splice方法。需要注意的是，splice方***改變數組的長度，因此在每次刪除之后，都需要執行i–以確保數組長度正確。

如果僅刪除一個元素，則返回一個元素的數組。 如果未刪除任何元素，則返回空數組。
5.給數組添加元素，不改變原數組，返回新數組。數組concat()方法

定義和用法

concat() 方法用于連接兩個或多個數組。

該方法不會改變現有的數組，而僅僅會返回被連接數組的一個副本。

方法二 拷貝 push()

定義和用法

push() 方法可向數組的末尾添加一個或多個元素，并返回新的長度。

注意： 新元素將添加在數組的末尾。

注意： 此方法改變數組的長度

function append(arr, item) {//普通的迭代拷貝var length = arr.length;var newArr = [];//定義新的數組for(var i=0; i<arr.length;i++){ //遍歷原數組，newArr.push(arr[i]);//用push把原數組拷貝到新數組中}newArr.push(item);//再把新填的item拷貝進來return newArr;//返回這個新的數組 };

方法三 slice（）+push（） 淺拷貝

定義和用法

slice() 方法可從已有的數組中返回選定的元素。

slice()方法可提取字符串的某個部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不會改變原始數組。

function append(arr, item) {var newArr =arr.slice(0);//slice(start,end)淺拷貝數組newArr.push(item);return newArr; };

題目要求不改變原數組，可以使用arr.slice(0)復制一個數組賦值給newArr。給數組添加元素可使用push方法。

6 刪除數組的元素，返回新數組，slice()拷貝

function truncate(arr) {var newArr = arr.slice(0,arr.length-1);//用slice()拷貝原數組的第零個到倒數第二個元素賦值給newArrreturn newArr; }

如果是負數，那么它規定從數組尾部開始算起的位置。如果該參數為負數，則表示從原數組中的倒數第幾個元素開始提取，slice(-2) 表示提取原數組中的倒數第二個元素到最后一個元素（包含最后一個元素）。
slice(-2,-1) 表示抽取了原數組中的倒數第二個元素到最后一個元素（不包含最后一個元素，也就是只有倒數第二個元素）

方法二 slice()+pop()

定義和用法

pop() 方法用于刪除數組的最后一個元素并返回刪除的元素。

注意：此方法改變數組的長度！

提示： 移除數組第一個元素，請使用 shift() 方法。

function truncate(arr) {var newArr = arr.slice(0);//用slice()拷貝原數組newArr.pop();//使用pop方法可以刪除數組的最后一個元素return newArr; }

實例

const sites = ['Google', 'Runoob', 'Taobao', 'Zhihu', 'Baidu'];console.log(sites.pop()); // 輸出結果為: "Baidu"console.log(sites); // 輸出結果為: ['Google', 'Runoob', 'Taobao', 'Zhihu']sites.pop();console.log(sites); // 輸出結果為: ["Google", "Runoob", "Taobao"]

7.頭部添加元素 slice()+unshift()

unshift() 方法可向數組的開頭添加一個或更多元素，并返回新的長度。

注意： 該方法將改變數組的數目。

function prepend(arr, item) {var newArr = arr.slice(0);//slice()拷貝原數組newArr.unshift(item);return newArr; }

方法二 concat()連接兩個數組

合并兩個數組

該示例使用 apply() 添加第二個數組的所有元素。

注意當第二個數組(如示例中的moreVegs)太大時不要使用這個方法來合并數組，因為事實上一個函數能夠接受的參數個數是有限制的。具體可以參考 apply()

var vegetables = ['parsnip', 'potato']; var moreVegs = ['celery', 'beetroot'];// 將第二個數組融合進第一個數組 // 相當于 vegetables.push('celery', 'beetroot'); Array.prototype.push.apply(vegetables, moreVegs);console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']

方法三 [].push.apply()合并兩個數組推進原數組

方法三 slice()+unshift()

方法四 join（）+split()

定義和用法

join() 方法用于把數組中的所有元素轉換一個字符串。

元素是通過指定的分隔符進行分隔的。

array.join(separator)

separator可選。指定要使用的分隔符。如果省略該參數，則使用逗號作為分隔符。

定義和用法

split() 方法用于把一個字符串分割成字符串數組。

提示： 如果把空字符串 ("") 用作 separator，那么 stringObject 中的每個字符之間都會被分割。

注意： split() 方法不改變原始字符串。

string.split(separator,limit)







8刪除數組第一個元素，返回新數組shift()

定義和用法

shift() 方法用于把數組的第一個元素從其中刪除，并返回第一個元素的值。

注意： 此方法改變數組的長度！

方法二 spilce()

9.合并數組，返回新數組 concat

方法二 [].push.apply()

方法三：
10.指定位置添加元素，返回新數組

var j=0；用來計數；
遍歷數組，
判斷
相等 j+1；
返回j

11.統計數組中等于item元素出現的次數

方法二 map()

定義和用法

map() 方法返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值。

map() 方法按照原始數組元素順序依次處理元素。

注意： map() 不會對空數組進行檢測。

注意： map() 不會改變原始數組。

12.找出重復出現的元素

function duplicates(arr) {//最簡單的思想，遍歷查看有無重復，有的話壓棧，在壓棧前，判斷是否已經存在即可var array =[]for(var i=0;i<arr.length-1;i++){for(var j=i+1;j<arr.length;j++){if(arr[i] == arr[j]&& array.indexOf(arr[j])===-1){array.push(arr[j])break}}}return array }

13.給數組中的每個元素求二次方，返回新數組

14查找元素出現的所有位置

15.
16

17
18.parseInt()函數

定義和用法

parseInt() 函數可解析一個字符串，并返回一個整數。

當參數 radix 的值為 0，或沒有設置該參數時，parseInt() 會根據 string 來判斷數字的基數。

當忽略參數 radix , JavaScript 默認數字的基數如下:

如果 string 以 “0x” 開頭，parseInt() 會把 string 的其余部分解析為十六進制的整數。

如果 string 以 0 開頭，那么 ECMAScript v3 允許 parseInt() 的一個實現把其后的字符解析為八進制或十六進制的數字。

如果 string 以 1 ~ 9 的數字開頭，parseInt() 將把它解析為十進制的整數。


答案

19.

20.

function count(start, end) {//第一個數立即輸出console.log(start++);//setInterval(code,millisec,lang)//參數1：必需。要調用的函數或要執行的代碼串//參數2：必須。周期性執行或調用 code 之間的時間間隔，以毫秒計//參數3：可選。var time =setInterval(function(){if(start <= end){console.log(start++);}else{clearInterval(time);} },100);return{cancel:function(){clearInterval(time);}} } //注：setInterval() ：按照指定的周期（以毫秒計）來調用函數或計算表達式。 //方***不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。 //setTimeout() ：在指定的毫秒數后調用函數或計算表達式,寫法和setInterval（）一樣

21.

方法二

22.

23.將函數fn的執行上下文改為obj對象（this指向obj）

function speak(fn, obj) {//在JavaScript中，函數是一種對象，其上下文是可以變化的，//對應的，函數內的this也是可以變化的，函數可以作為一個//對象的方法，也可以同時作為另一個對象的方法，可以通過//Function對象中的call或者apply方法來修改函數的上下文，//函數中的this指針將被替換為call或者apply的第一個參數。//將函數 fn 的執行上下文改為 obj 對象，//只需要將obj作為call或者apply的第一個參數傳入即可。return fn.apply(obj) }//方法二 function speak(fn, obj) {return fn.call(obj) }

24.

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

25.函數二次封裝
26.
27.

28.

//arguments不能用slice方法直接截取，需要先轉換為數組， //var args =Array.prototype.slice.call(arguments); //合并參數可以使用concat方法， //并且也需要將arguments先轉換為數組才能使用concat進行合并。 //最后用使用apply執行傳入的函數即可。 function partialUsingArguments(fn) {//先獲取函數第一個參數之后的全部參數var args = Array.prototype.slice.call(arguments,1);//聲明result函數var result = function(){//使用concat合并兩個或多個數組中的元素,//args.concat([].slice.call(arguments))將參數轉化為數組，然后合并return fn.apply(null,args.concat([].slice.call(arguments)));}return result; }

29.

30.

31.轉二進制 var string = num.toString(2);

//方法一： function valueAtBit(num, bit) {//通過num.toString(2)能直接將num轉換為2進制數格式的字符串var string = num.toString(2);var bitString = string[string.length-bit];//，利用下標就能將對應值取出來。//題目返回的數字是從右往左，因此下標為倒數。return bitString; }//方法二: function valueAtBit(num,bit) {//toString轉化為二進制，split將二進制轉化為數組，reverse()將數組顛倒順序var arr = num.toString(2).split("").reverse();return arr[bit-1]; }

33.轉十進制****parseInt()

parseInt() 函數可解析一個字符串，并返回一個整數。

radix為由幾進制解析成十進制；2，8，16

function base10(str) {//parseInt方法可以將其它進制轉換為十進制，//只需要給該方法傳入需要轉換的字符串和該字符串的進制表示兩個參數即可。return parseInt(str,2); }//parseInt() //其他進制轉十進制 //parseInt(str,2); //parseInt(str,8); //parseInt(str,16)

34.

//方法一: function convertToBinary(num) {var string = num.toString(2);//轉成二進制if(string.length<8){string = '0'+ string; }return string; }//方法二: function converToBinary(num) {var string = num.toString(2);//獲得二進制位數var length1= string.length;if(length1<8){//聲明一個字符串用于補滿0var s1 ="00000000"var s2 = s1.slice(0,8-length1)string= s2+string;}return string; }

35.parseFloat()返回浮點數數字字符串+toFixed()四舍五入

數字轉換為字符串：var strA=""+a; console.log(strA);

parseFloat() 函數可解析一個字符串，并返回一個浮點數。

該函數指定字符串中的首個字符是否是數字。如果是，則對字符串進行解析，直到到達數字的末端為

止，然后以數字返回該數字，而不是作為字符串。

定義和用法

toFixed() 方法可把 Number 四舍五入為指定小數位數的數字。

function multiply(a, b) {// 先將數字轉換為字符串var strA=""+a; console.log(strA);var strB=""+b; console.log(strB);// 先獲取兩個數的小數位數var lenA=(strA.indexOf(".")==-1)?0:(strA.length-strA.indexOf(".")-1);var lenB=(strB.indexOf(".")==-1)?0:(strB.length-strB.indexOf(".")-1);// 比較兩數的精度，精度大的作為結果數精度len=Math.max(lenA,lenB); console.log("lenA "+lenA+"\t"+"lenB "+lenB+"\n");// 計算運算結果var result=null;result=parseFloat(a*b).toFixed(len); console.log("float "+result+"\n");return result; }

35.改變上下文

36.

function alterObjects(constructor, greeting) {return constructor.prototype.greeting = greeting; }//這是原型鏈問題。訪問一個對象的方法或者是屬性，首先會在該對象中尋找， //如果找到則返回，如果沒找到，則在其原型鏈上面向上尋找，直至基原型，如還未找到，則返回undefined。 //將constructor 的所有實例的 greeting 屬性指向給定的 greeting //變量，只需要在constructor的原型上面添加greeting屬性，并指定值。

37.for /in語句+hasOwnProperty

for/in 語句用于循環對象屬性。

循環中的代碼每執行一次，就會對數組的元素或者對象的屬性進行一次操作

js屬性對象的hasOwnProperty方法

Object的hasOwnProperty()方法返回一個布爾值，判斷對象是否包含特定的自身（非繼承）屬性

function iterate(obj) {var arr =[];for(var key in obj){ 使用for-in遍歷對象屬性if(obj.hasOwnProperty(key)){ 判斷key是否為對象本身的屬性arr.push(key+": "+obj[key]); 將屬性和值按格式存入數組}}return arr; }

38

function containsNumber(str) {for(var i=0;i<str.length;i++){if(Number(str[i]))return true}return false }//方法二 //判斷字符串中是否含有數字，可以用正則表達式。/\d/可以匹配 //字符串中的數字字符，用test方法可以檢測。 function containsNumber(str){var b=/\d/;return b.test(str); }

39 正則

function containsRepeatingLetter(str) {return /(a-zA-Z)\1/.test(str); } //在正則表達式中，利用()進行分組，使用斜杠加 //數字表示引用，\1就是引用第一個分組，\2就是引用第二個分組。 //將[a-zA-Z]做為一個分組，然后引用，就可以判斷是否有連續重復的字母。

40

function endsWithVowel(str) {return /[a,e,i,o,u]$/i.test(str);//$表示匹配結尾，/i表示忽略大小寫 } //首先確定元音集合[a,e,i,o,u]，然后是以元音結尾，加上$， //最后通配大小寫，加上i。因此正則表達式為:/[a,e,i,o,u]$/i， //最后用test方法去檢測字符串str

41

function captureThreeNumbers(str) {var arr = str.match(/\d{3}/);if(arr){return arr[0];}return false; } //題目描述有問題，實際考察的是字符串中是否含有連續的三個任意數字， //而不是三個連續的數字。 //依題，若存在連續的三個任意數字，則返回最早出現的三個數字，若不存在，則返回false。 //因此需要用到match方法，match()返回的是正則表達式匹配的字符串數組， //連續的三個任意數字用正則表達式表示為/\d{3}/。

42

function matchesPattern(str) {return /^(\d{3}-){2}\d{4}$/.test(str); } //本題需要注意格式，開頭^和結尾$必須加上來限定字符串， //3個數可表示為\d{3}， //4個數則為\d{4}， //{n}表示前面內容出現的次數。 //正則表達式可寫作/^\d{3}-\d{3}-\d{4}$/， //有相同部分\d{3}-，因此也可寫作/^(\d{3}-){2}\d{4}$/

43

function isUSD(str) {return /^\$\d{1,3}(,\d{3})*(\.\d{2})?$/.test(str); } //本題注意點有必須是USD格式，以$開頭，數字結尾，$和小數點的轉義。 //首先，開頭必是$，而正則表達式中$表示結尾，需要進行轉義，因此開頭為^\$ //然后$后必然接數字，并且最少一位，最多三位數，可用{m,n}表示,最少m位，最多n位， //因此此段為\d{1,3} //接著，后面如還有數，則必然有，分隔，并且后面必有3個數，類似于， //XXX的格式會出現0或者n次，因此此段可表示為(,\d{3})* //最后，如有小數部分，則注意對小數點進行轉義，此段可表示為(\.\d{2})? //因此，最后的正則表達式為/^\$\d{1,3}(,\d{3})*(\.\d{2})?$/ //使用test方法去檢測str

總結

以上是生活随笔為你收集整理的JavaScript 编程题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。