Javascript:數(shù)組,字符串,函數(shù)

1.數(shù)組方法里push、pop、shift、unshift、join、split分別是什么作用。

  • push用于向數(shù)組尾部推入一個(gè)元素
  • pop用于從數(shù)組尾部刪除一個(gè)元素
  • shift用于刪除第一個(gè)元素
  • unshift用于加入第一個(gè)元素
  • join用于使用固定字符連接
  • split用于按固定字符串分割

2.用 splice 實(shí)現(xiàn) push、pop、shift、unshift方法

<pre>
//push
function pushS(arr,val){
splice(arr.length,0,val);
return arr.length;
}
//pop
function popS(arr){
return splice(arr.length,1)[0];
}
//shift
function shiftS(arr){
return splice(0,1)[0];
}
//unshift
function unshiftS(arr,val){
splice(0,1,val);
return arr.length;
}
</pre>

3.使用數(shù)組拼接出如下字符串

<p>這道題卡了很久,不知道chrome抽哪門子瘋。。。。剛開始一直說missing ) after argument list,吧同學(xué)的代碼放上去也是這個(gè)德行,后來網(wǎng)上說是轉(zhuǎn)義字符的問題,所以改了一下帶引號(hào)的語法,之后又一直說函數(shù)未被定義,調(diào)了半天bug,把別人的一個(gè)一個(gè)抄過來還是不好使,最后重啟好使了。。。呵呵</p>
<pre>
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']};</br>
function get2(data){
var arr=[ ];
arr.push('<dl class="product">');
arr.push('<dt>' +data.name+ '</dt>');
for ( var i =0;i<data.styles.length;i++){
arr.push('<dd>' +data.styles[i]+ '</dd>');
};
arr.push('</dl>');
return arr.join('');
}</br>
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春裝</dd></dl>
</pre>

4.寫一個(gè)find函數(shù),實(shí)現(xiàn)下面的功能

<pre>
var arr = [ "test", 2, 1.5, false ]
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1
</pre>
<pre>
function find(arr,str){
var i = arr.indexOf(str);
return i;
}
</pre>

5.寫一個(gè)函數(shù)filterNumeric,實(shí)現(xiàn)如下功能

<pre>
arr = ["a", 1,3,5, "b", 2];
newarr = filterNumeric(arr); // [1,3,5,2]
</pre>

<pre>
function filterNum(arr){
var store = [];
for(var i=0; i < arr.length;i++){
if(typeof arr[i] == "number"){
store.push(arr[i]);
};
}
return store;
}
</pre>

6.對(duì)象obj有個(gè)className屬性,里面的值為的是空格分割的字符串(和html元素的class特性類似),寫addClass、removeClass函數(shù),有如下功能:

<pre>
var obj = {
className: 'open menu'}
addClass(obj, 'new')// obj.className='open menu new'
addClass(obj, 'open') // 因?yàn)閛pen已經(jīng)存在,此操作無任何辦法
addClass(obj, 'me') //obj.className='open menu new me'
console.log(obj.className)// "open menu new me"
removeClass(obj, 'open') // obj.className='menu new me'
removeClass(obj, 'blabla') // 不變
</pre>
<pre>
function addClass(arr,str){
var store=arr.className.split(' ');

   for(var i = 0; i < store.length; i++){
         if (str === store[i]){
                break;
 }else{
         store.push(str);

         break;
         }
 }

   return arr.className = store.join(' ');
 }

</pre>
<pre>
function removeClass(arr,str){
var store=arr.className.split(' ');
for (var i =0; i < store.length;i++){
if(str == store[i]){
store.splice(i,1);
}
}
return arr.className = store.join(' ');
}
</pre>

7.寫一個(gè)camelize函數(shù),把my-short-string形式的字符串轉(zhuǎn)化成myShortStrin形式的字符串,如

<pre>
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
</pre>

<pre>
function camelize(str){
var arr,arr2,arr3;
arr = str.split('-');
if (arr.length>1) {
for (var i = 1; i < arr.length; i++) {
arr2 = arr[i].split('');
arr2.splice(0,1,arr2[0].toUpperCase());
arr3 = arr2.join('');
arr[i] = arr3;
}
}
return arr.join('');
}
</pre>

8.如下代碼輸出什么?為什么?

<pre>
arr = ["a", "b"];
arr.push( function() { alert(console.log('hello hunger valley')) } );
arr [arr.length-1] () // ?
</pre>
<pre>
arr = ["a", "b"];

arr.push( function() { alert(console.log('hello hunger valley')) } ); //將函數(shù)添加到arr數(shù)組最后一個(gè)。

arr [arr.length-1] () // 調(diào)用數(shù)組最后一個(gè)元素然后立即執(zhí)行。 彈窗undefined 輸出 " hello hunger valley "
</pre>

9.寫一個(gè)函數(shù)filterNumericInPlace,過濾數(shù)組中的數(shù)字,刪除非數(shù)字

<pre>
arr = ["a", 1,3,4,5, "b", 2];
//對(duì)原數(shù)組進(jìn)行操作,不需要返回值filterNumericInPlace(arr);
console.log(arr)// [1,3,4,5,2]
</pre>
<pre>
function filterNum2(arr){
for(var i=0; i < arr.length;i++){
if(typeof arr[i] != "number"){
arr.splice(i,1);
}
}
}
</pre>

10.寫一個(gè)ageSort函數(shù)實(shí)現(xiàn)如下功能

<p>參考了排序函數(shù)的寫法,這個(gè)只返回了全部姓名,沒有只返回名字</p>
<pre>
var john = { name: "John Smith", age: 23 }
var mary = { name: "Mary Key", age: 18 }
var bob = { name: "Bob-small", age: 6 }
var people = [ john, mary, bob ]
ageSort(people) // [ bob, mary, john ]
</pre>
<pre>
function ageSort(arr){
var store =[];
arr.sort(function(a,b){
return a.age - b.age;
})
for (var i=0;i < arr.length;i++){
store.push(arr[i].name);
}
return store;
}

</pre>

11.寫一個(gè)filter(arr, func) 函數(shù)用于過濾數(shù)組,接受兩個(gè)參數(shù),第一個(gè)是要處理的數(shù)組,第二個(gè)參數(shù)是回調(diào)函數(shù)(回調(diào)函數(shù)遍歷接受每一個(gè)數(shù)組元素,當(dāng)函數(shù)返回true時(shí)保留該元素,否則刪除該元素)。

<pre>
function filter(arr,fuc){
var store=[];
for(var i=0;i < arr.length;i++){
if (fuc(arr[i]) == true){
store.push(arr[i]);
}
}
return store;
}
</pre>

12.寫一個(gè) ucFirst函數(shù),返回第一個(gè)字母為大寫的字符

<pre>
function ucF(arr){
return arr.replace(arr[0],arr[0].toUpperCase());
}
</pre>

13.寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength,會(huì)把str截?cái)嗟絤axlength長(zhǎng),并加上...

<pre>
function turncate(str,val){
var store=[];
if(val < str.length){
store=str.slice(0,val);
store +="...";
}else{
store=str;
}
return store;
}
</pre>

14.寫一個(gè)函數(shù)limit2,保留數(shù)字小數(shù)點(diǎn)后兩位,四舍五入

<pre>
function limit2(val){
return Math.round(val*100)/100;
}
</pre>

15.寫一個(gè)函數(shù),獲取從min到max之間的隨機(jī)數(shù),包括min不包括max

<pre>
function ran1(min,max){
return Math.random()*(max-min)+min;
}
</pre>

16.一個(gè)函數(shù),獲取從min都max之間的隨機(jī)整數(shù),包括min包括max

<p>很多人這么寫,但是感覺這個(gè)已經(jīng)超過max了,不符合要求,是不是應(yīng)該再增加一個(gè)判斷語句,大于max的不輸出?有人用floor但是題目里沒有說輸出的是整數(shù)呀,如何保證在輸出浮點(diǎn)數(shù)的情況下,也能輸出max呢?</p>
<pre>
function ran2(min,max){
return Math.random()*(max-min+1)+min;
}
</pre>

17.寫一個(gè)函數(shù),獲取一個(gè)隨機(jī)數(shù)組,數(shù)組中元素為長(zhǎng)度為len,最小值為min,最大值為max(包括)的隨機(jī)數(shù)

<pre>
function randomArr(arrLength,min,max){
var resultArr = [];
for(var i=0;i < arrLength;i++){
resultArr.push(Math.floor(Math.random()*(max-min+1))+min)
}
return resultArr;
}
</pre>

<p>版權(quán)歸INTERNALENVY和饑人谷所有,轉(zhuǎn)載請(qǐng)注明出處</p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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