問(wèn)答

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

• push:可以在數(shù)組的末尾增加一個(gè)元素
• pop:可以在數(shù)組的末尾拿走一個(gè)元素
• shift:從數(shù)組的開(kāi)頭取出元素
• unshift:從數(shù)組的開(kāi)頭加入元素
• join:把數(shù)組元素（對(duì)象調(diào)用其toString()方法）使用參數(shù)作為連接符連接成一字符串，不會(huì)修改原數(shù)組內(nèi)容。
• split:用于把一個(gè)字符串分割成字符串?dāng)?shù)組。括號(hào)里的參數(shù)會(huì)從字符串中被移除，返回存進(jìn)一個(gè)數(shù)組當(dāng)中的子字符串。如果忽略參數(shù)，則返回原字符串。如果參數(shù)是一個(gè)空字符串，則原字符串將被轉(zhuǎn)換為由字符串中字符組成的一個(gè)數(shù)組。

代碼

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

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

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

var prod = { name: '女裝', styles: ['短款', '冬季', '春裝']};
function getTpl(data){//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product">
<dt>女裝</dt> 
<dd>短款</dd>
<dd>冬季</dd>
 <dd>春裝</dd>
</dl>

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

代碼預(yù)覽

• 寫(xiě)一個(gè)find函數(shù)，實(shí)現(xiàn)下面的功能

var arr = [ "test", 2, 1.5, false ]
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1

find函數(shù)

代碼預(yù)覽

• 寫(xiě)一個(gè)函數(shù)filterNumeric，把數(shù)組 arr 中的數(shù)字過(guò)濾出來(lái)賦值給新數(shù)組newarr， 原數(shù)組arr不變

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

函數(shù)filterNumeric

代碼預(yù)覽

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

var obj = { 
className: 'open menu'
}
addClass(obj, 'new') // obj.className='open menu new'
addClass(obj, 'open') // 因?yàn)閛pen已經(jīng)存在，所以不會(huì)再次添加open
addClass(obj, 'me') // me不存在，所以 obj.className變?yōu)?open menu new me'
console.log(obj.className) // "open menu new me"
removeClass(obj, 'open') // 去掉obj.className里面的 open，變成'menu new me
'removeClass(obj, 'blabla') // 因?yàn)閎labla不存在，所以此操作無(wú)任何影響

addClass、removeClass函數(shù)

代碼預(yù)覽

• 寫(xiě)一個(gè)camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

轉(zhuǎn)換

代碼預(yù)覽

• 如下代碼輸出什么？為什么?

arr = ["a", "b"];
arr.push( function() { 
alert(console.log('hello hunger valley'))
    } );//push把函數(shù) alert(console.log('hello hunger valley')) 放入arr數(shù)組末尾
arr[arr.length-1]() // 輸出數(shù)組最后一個(gè)console.log('hello hunger valley')

結(jié)果

• 寫(xiě)一個(gè)函數(shù)filterNumericInPlace，過(guò)濾數(shù)組中的數(shù)字，刪除非數(shù)字。要求在原數(shù)組上操作

arr = ["a", "b", 1, 3, 4, 5, "b", 2];
//對(duì)原數(shù)組進(jìn)行操作，不需要返回值
filterNumericInPlace(arr);
console.log(arr) // [1,3,4,5,2]

Paste_Image.png

• 寫(xiě)一個(gè)ageSort函數(shù)實(shí)現(xiàn)數(shù)組中對(duì)象按age從小到大排序

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 ]

ageSort

• 寫(xiě)一個(gè)filter(arr, func) 函數(shù)用于過(guò)濾數(shù)組，接受兩個(gè)參數(shù)，第一個(gè)是要處理的數(shù)組，第二個(gè)參數(shù)是回調(diào)函數(shù)(回調(diào)函數(shù)遍歷接受每一個(gè)數(shù)組元素，當(dāng)函數(shù)返回true時(shí)保留該元素，否則刪除該元素)。實(shí)現(xiàn)如下功能：

function isNumeric (el){ return typeof el === 'number'; }
arr = ["a",3,4,true, -1, 2, "b"]
arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2], 過(guò)濾出數(shù)字
arr = filter(arr, function(val) { return typeof val === "number" && val > 0 }); // arr = [3,4,2] 過(guò)濾出大于0的整數(shù)

Image.png

代碼預(yù)覽

字符串

• 寫(xiě)一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫(xiě)的字符

ucFirst("hunger") == "Hunger"

首字母大寫(xiě)

代碼預(yù)覽

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

truncate("hello, this is hunger valley,", 10)) == "hello, thi...";
truncate("hello world", 20)) == "hello world"

截?cái)?/div>

代碼預(yù)覽

---

數(shù)學(xué)函數(shù)

• 寫(xiě)一個(gè)函數(shù)，獲取從min到max之間的隨機(jī)整數(shù)，包括min不包括max

function rand1(min,max){
 return Math.floor(Math.random()*(max-min))+min;
}

• 寫(xiě)一個(gè)函數(shù)，獲取從min都max之間的隨機(jī)整數(shù)，包括min包括max

function rand2(min, max) {
 return Math.floor(Math.random() * (max - min + 1))+min;
}

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

function arrRand(len,min,max){
 var arr = [];
 for(var i=0; i<len; i++){
     arr.push(rand2(min,max));
 }

 return arr;
}

• 寫(xiě)一個(gè)函數(shù)，生成一個(gè)長(zhǎng)度為 n 的隨機(jī)字符串，字符串字符的取值范圍包括0到9，a到 z，A到Z。

function getRandStr(len){ 
//todo...
}
var str = getRandStr(10); // 0a3iJiRZap

隨機(jī)字符串

代碼預(yù)覽

---

              本文版權(quán)歸作者饑人谷_Josh和饑人谷所有，轉(zhuǎn)載請(qǐng)注明來(lái)源