数组
-
用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);
本文版权属吴天乔所有，转载务必注明出处。
