數組
-
用splice實現
push、pop、shift、unshift方法/*splice實現push*/ var arr = [1,2,3,4]; function arrPush(arr,value){ arr.splice(arr.length,0,value); return arr.length; } arrPush(arr,5); /*splice實現pop*/ var arr = [1,2,3,4]; function arrPop(arr){ return arr.splice(arr.length-1,1)[0]; } arrPop(arr); /*splice實現shift*/ var arr = [1,2,3,4]; function arrShift(arr){ return arr.splice(0,1)[0]; } arrShift(arr); /*splice實現unshift*/ var arr = [1,2,3,4]; function arrUnshift(arr,value){ arr.splice(0,0,value); return arr.length; } arrPush(arr,5); -
使用數組拼接出如下字符串
/使用數組拼接字符串/
var prod = {
name: '女裝',
styles: ['短款', '冬季','春裝']
};
function getTpl(data){
var htmls = [];
htmls = htmls.concat("<dl class='product'>");
if(data.name.length > 0){
htmls = htmls.concat(" <dt>" + data.name + "</dt>");
}
if(data.styles.length > 0){
data.styles.forEach(function(item,index,array){
htmls = htmls.concat(" <dd>" + item + "</dd>");
});
}
htmls = htmls.concat("</dl>");
return htmls.join("\n");
}
var result = getTpl(prod);
//result為下面的字符串<dl class="product"> <dt>女裝</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春裝</dd> </dl>
- 寫一個
find函數，實現下面的功能
var arr = ["test", 2, 1.5, false]
find(arr, "test") // 0
find(arr, 2) //1
find(arr, 0) //-1
function find(arr, value){ for(var i = 0; i < arr.length; i++){ if(arr[i] === value){ return i; } } return -1; }
- 寫一個函數
filterNumeric，把數組arr中的數字過濾出來賦值給新數組newarr，原數組arr不變
arr = ["a", "b", 1, 3, 5, "b", 2];
newarr = filterNumeric(arr); // [1,3,5,2]
function filterNumeric(arr){ var newarr = []; for(var i = 0; i < arr.length; i++){ if(typeof(arr[i]) == "number"){ newarr.push(arr[i]); } } return newarr; }
-
對象obj有個className屬性，里面的值為空格分割的字符串(和html元素的class特性類似)，寫
addClass、removeClass函數，有如下功能：
var obj = {
className: 'open menu'
}
addClass(obj, 'new') // obj.className='open menu new'
addClass(obj, 'open') // 因為open已經不存在，所以不會再次添加open
addClass(obj, 'me') // me不存在，所以obj.className變為'open menu new me'
console.log(obj.className) // "open menu new me"removeClass(obj, 'open') // 去掉obj.className里面的open,變成'menu new me' removeClass(obj, 'blabla') // 因為blabla不存在，所以此操作無任何影響
var obj = { className: 'open menu' } function addClass(obj, value) { var arr = obj.className.split(" "); for(var i = 0; i < arr.length; i++){ if(arr[i] === value){ return; } } arr.push(value); obj.className = arr.join(" "); } function removeClass(obj, value) { var arr = obj.className.split(" "); for(var i = 0; i < arr.length; i++){ if(arr[i] === value){ arr.splice(i, 1); i--; } } obj.className = arr.join(" "); } -
寫一個
camelize函數，把my-short-string形式的字符串轉化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str) { var arr = str.split("-"); for(var i = 1; i < arr.length; i++){ var arr2 = arr[i].split(""); arr2[0] = arr2[0].toUpperCase(); arr[i] = arr2.join(""); } str = arr.join(""); return str; }
- 如下代碼輸出什么？為什么？
arr = ["a", "b"];
arr.push( function() { alert(console.log('hello hunger valley')) } );
arrarr.length-1-
arr.push( function() { alert(console.log('hello hunger valley')) } );這條語句將函數寫進了數組最后一個元素； -
arr[arr.length-1]()：執行剛才寫進的函數，先在console打印“hello hunger valley”，然后彈出提示框內容為undefined。因為console.log的返回值為undefined
-
- 寫一個函數
filterNumericInPlace，過濾數組中的數字，刪除非數字。要求在原數組上操作
arr = ["a", "b", 1, 3, 4, 5, "b", 2];
//對原數組進行操作，不需要返回值
filterNumericInPlace(arr);
console.log(arr) // [1,3,4,5,2]
var arr = ["a", "b", 1, 3, 4, 5, "b", 2]; function filterNumericInPlace(arr) { for(var i = 0; i < arr.length; i++) { if((typeof arr[i]) !== "number") { arr.splice(i, 1); --i; } } } filterNumericInPlace(arr); console.log(arr);
-
寫一個
ageSort函數實現數組中對象按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 ]
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 ]; function ageSort(arr) { arr.sort(function (val1, val2) { return val1.age - val2.age; }); } ageSort(people); -
寫一個
filter(arr, func)函數用于過濾數組，接受兩個參數，第一個是要處理的數組，第二個參數是回調函數(回調函數遍歷接受每一個數組元素，當函數返回true時保留該元素，否則刪除該元素)。實現如下功能：
function isNumeric (el){
return typeof el === 'number';
}
arr = ["a",3,4,true, -1, 2, "b"]arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2], 過濾出數字 arr = filter(arr, function(val) { return typeof val === "number" && val > 0 }); // arr = [3,4,2] 過濾出大于0的整數
function isNumeric (el){ return typeof el === 'number'; } arr = ["a",3,4,true, -1, 2, "b"] function filter(arr, func) { for (var i = 0; i < arr.length; i++) { if (!func(arr[i], i, arr)){ arr.splice(i,1); --i; } } return arr; } arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2], 過濾出數字 arr = filter(arr, function(val) { return typeof val === "number" && val > 0 }); // arr = [3,4,2] 過濾出大于0的整數
字符串
- 寫一個 ucFirst函數，返回第一個字母為大寫的字符
ucFirst("hunger") == "Hunger"
function ucFirst(str) { var arr = str.split(""); arr[0] = arr[0].toUpperCase(); str = arr.join(""); return str; } ucFirst("hunger");
- 寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
function truncate(str, maxlength) { if (str.length > maxlength) { str = str.slice(maxlength + 1, str.length - 1); str = str.concat("..."); } return str; } truncate("hello, this is hunger valley,", 10); truncate("hello world", 20);
數學函數
-
寫一個函數，獲取從min到max之間的隨機整數，包括min不包括max （***）
function getRandInt(min, max){
return Math.floor(Math.random() * (max - min) + min);
}
var str = getRandInt(0, 10);
- 寫一個函數，獲取從min都max之間的隨機整數，包括min包括max （***）
function getRandInt(min, max){
return Math.floor(Math.random() * (max + 1 - min) + min);
}
var str = getRandInt(0, 10);
-
寫一個函數，獲取一個隨機數組，數組中元素為長度為len，最小值為min，最大值為max(包括)的隨機整數 （***）
function getRandArr(len, min, max){
var arr = [];
for (var i = 0; i < len; i++) {
arr[i] = Math.floor(Math.random() * (max + 1 - min) + min);
}
return arr;
}
var arr = getRandArr(10, 1, 20);
-
寫一個函數，生成一個長度為 n 的隨機字符串，字符串字符的取值范圍包括0到9，a到 z，A到Z。
function getRandInt(min, max){
return Math.floor(Math.random() * (max + 1 - min) + min);
}
function getRandStr(len){
var str = "";
for (var i = 0; i < len; i++) {
do
{
var num = getRandInt(48, 122);
}
while (num < 48 && (num > 57 && num < 65) && (num > 90 && num < 97) && num > 122);
str = str.concat( String.fromCharCode( num.toString() ) );
}
return str;
}
var str = getRandStr(10);
本文版權屬吳天喬所有，轉載務必注明出處。
