最近在做中的js能力測評經典題,因此按照自己的能力和想法進行了總結,此篇文章主要是數組類別的總結。
1、找出元素item在給定陣列中的位置:arr.indexOf(item);
2、計算給定陣列arr中所有元素的總和:arr .forEach(function(e){sum=sum e;})
註:數組名.forEach(function(數組元素,元素索引,額外定義的數組){函數體}) / /傳回的仍是被呼叫的陣列
陣列名稱.map(function(陣列元素){函數體}) //傳回的是新數組,它不會修改呼叫的陣列;
# 3.移除數組arr中的所有製與item相等的元素,不要直接修改數組arr,結果回傳新的數組。
function remove(arr, item) { var newArray=[]; arr.forEach(function(e){ if(e!=item){ newArray.push(e); } }) return newArray; }
4、移除陣列arr中的所有與item相等的元素,直接在給定的陣列上修改,並將結果傳回。
//方法一:从前往后遍历删除元素 function removeWithoutCopy(arr,item){ for(i=0;i<arr.length;i++){ if(item==arr[i]){ arr.splice(i,1); //splice(定位元素索引[,删除元素个数,添加元素]) i--;//i--的目的是因为删除了一个元素,在回到for时需要i++,会跳过一个元素 } } } //方法二:从后往前遍历删除元素 function removeWithoutCopy(arr,item){ for(i=arr.length-1;i>=0;i--){ if(item==arr[i]){ arr.splice(i,1); //删除时无需进行位移 } } }
註:陣列名.splice(索引[,個數,新增元素]),splice意味著直接在原有陣列上進行修改,傳回值為刪除元素所組成的陣列。例:var a=[1,2,3,4,5];a.splice(3,1)//返回[4],a為[1,2,3,5]
5 、在陣列arr末尾加入元素item,不要直接在arr上修改,傳回新的陣列。
//方法一:直接使用数组的concat追加新的item,并返回新的数组 function append(arr, item) { return arr.concat(item); } //方法二:利用slice对原数组进行切分,产生新的数组,在对新数组进行push即可 function append(arr, item) { var newArray=arr.slice(0); newArray.push(item); return newArray; } //方法三:利用数组的map创建新的数组,最后对新数组push(item)即可 function append(arr, item) { var newArray=arr.map(function(e){ return e; }) newArray.push(item); return newArray; } //方法四:定义一个空数组,利用for/forEach进行赋值,再对新数组push(item)即可 function append(arr, item) { var newArray=[]; arr.forEach(function(e){ newArray.push(e); }) newArray.push(item); return newArray; }
6、刪除陣列arr最後一個元素,不要直接修改陣列arr,結果回傳新的陣列:return arr.slice(0,arr.length-1);
#7、在陣列arr 開頭加入元素item。不要直接修改陣列 arr,結果傳回新的陣列:var newArray=arr.slice(0);newArray.unshift(item)
8、刪除陣列 arr 第一個元素。不要直接修改陣列 arr,結果傳回新的陣列:return arr.slice(1);
9、合併陣列 arr1 和陣列 arr2。不要直接修改陣列 arr,結果傳回新的陣列:return arr1.concat(arr2);
10、在陣列 arr 的 index 處新增元素 item。不要直接修改陣列arr,結果傳回新的陣列:var newArray = arr.slice(0); newArray.splice(index,0,item); return newArray;
11、統計陣列arr 中位數等於item 的元素出現的次數。
function count(arr, item) { var count=0; arr.forEach(function(e){ if(e==item) count+=1; }); return count; }
12、找出陣列 arr 中重複出現過的元素。輸入:[1, 2, 4, 4, 3, 3, 1, 5, 3]。輸出:[1, 3, 4]。
//方法一:利用indexOf和lastIndexOf进行判断 function duplicates(arr) { var result=[]; arr.forEach(function(e){ if(arr.indexOf(e)!=arr.lastIndexOf(e) && result.indexOf(e)==-1){ result.push(e); } }); return result; } //方法二:利用双重for循环进行判断 function duplicates(arr) { var result=[]; for(i=0;i<arr.length-1;i++){ for(k=0;k<result.length;k++){ if(arr[i]==result[k]) break; } if(k!=result.length) continue; for(j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ result.push(arr[i]); break; } } } return result; }
13、為陣列 arr 中的每個元素求二次方。不要直接修改陣列 arr,結果傳回新的陣列。
//方法一:定义空数组,对arr进行遍历赋值 function square(arr) { var newArr=[]; arr.forEach(function(e){ newArr.push(e*e); }); return newArr; } //方法二:直接使用map产生新的数组 function square(arr) { return arr.map(function(e){ return e*e; }) }
14、在數組arr 中,查找值與item 相等的元素出現的所有位置
function findAllOccurrences(arr, target) { var newArray=[]; arr.forEach(function(e,i){ if(e==target) newArray.push(i); }) return newArray; }
在js經典題中,以上便是所有數組的題型,接下來便是編碼規範、函數模組。
相關推薦:
影片教學:前端JS開發27個經典實戰
#以上是js能力測評經典題中分析陣列類型的用法_附程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!