问题
数组方法里push、pop、shift、unshift、join、split分别是什么作用。
- push和pop都是在数组尾部其作用的，push是将值加入数组中，语法为
push（所要添加的元素），返回值为数组长度。pop和push作用相反，是将末尾值移出，语法为arr.pop()，返回值为移出的元素。 - shift与unshift是作用在数组的首部，unshift是将元素从数组的首部加入，语法为
unshift(所要添加的元素)，返回值为数组长度；shift与unshift作用相反，语法为arr.shift（），返回值为删除的元素。 - join是将数组内所有元素放入一个
字符串，元素是通过指定的分隔符进行分割的。语法为objArray.join("")此处以空字符做分隔符为例。 - split将字符串分割为数组，join与split都不改变原来的数组，语法为
stringObj.split（分隔符）或者stringObj.split（a， b）此处a必须有，是分隔符，b可以没有，指定数组长度。
代码题
1.用 splice 实现 push、pop、shift、unshift方法。
arr1=[1,3,5,7,9]
arr1.splice(arr1.length,0,8)//尾部添加元素8
console.log(arr1)//输出[1,3,5,7,9,8]
arr1.splice(arr1.length,1)//移出尾部元素8
console.log(arr1)//输出[1,3,5,7,9]
arr1.splice(0,1)//删除数组中第一个元素
console.log(arr1)//输出[3,5,7,9]
arr1.splice(0,0,1)//在数组首部添加元素1
console.log(arr1)//输出[1,3,5,7,9]
2.字符串拼接
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTpl(data){
var arr = [];
arr.push('<dl class="product">');
arr.push('<dt>' + data.name + '</dt>');
for(k in data.styles){
arr.push('<dd>' + data.styles[k] + '</dd>')
};
arr.push('</dl>');
return arr.join('\n');
};
var result = getTpl(prod);
console.log(result);
3.写一个find函数，实现下面的功能。
var arr = [ "test", 2, 1.5, false ]
function find(arr1,arg){
var plac = arr1.indexOf(arg);
return console.log(plac)
};
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1
4.写一个函数filterNumeric，实现如下功能
var arr = ["a", 1,3,5, "b", 2];
方法一：
var newarr = arr.filter(function(item,index,array){
return (typeof item === 'number');
});
console.log(newarr);
方法二：
var arr = ["a", 1,3,5, "b", 2];
var newarr = [];
function filterNumeric(arr1){
for(var i = 0;i < arr.length;i++){
if(typeof arr1[i] === 'number'){
newarr.push (arr1[i]);
}};
return newarr;
};
filterNumeric(arr);
5.对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能
var obj = { className: 'open menu'}
addClass(obj, 'new') // obj.className='open menu new'
addClass(obj, 'open') // 因为open已经存在，此操作无任何办法
addClass(obj, 'me') // obj.className='open menu new me'
console.log(obj.className) // obj.className='menu new me'
removeClass(obj, 'open') // obj.className='menu new me'
removeClass(obj, 'blabla') // 不变
function addClass(obj,arg){
var newClass = obj.className.split(' ');
for(var i = 0; i < newClass.length; i++){
if(newClass[i] === arg){
break;
}};
if(i === newClass.length){
newClass.push(arg);
};
obj.className = newClass.join(' ');
return obj
};
function removeClass(obj,removeName){
var secClass = obj.className.split(' ');
for(i = 0; i < secClass.length;i++){
if(removeName === secClass[i]){
secClass.splice(i,1);
}};
obj.className = secClass.join(' ');
return obj
};
6.写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串.
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
function camelize(str){
var newStr = str.split('-');
if(newStr.length>1){
for(i = 1; i<newStr.length;i++){
var newStr1 = newStr[i].split('');
newStr1.splice(0,1,newStr[i][0].toUpperCase());
newStr[i] = newStr1.join('');
};
} ;
var str1 = newStr.join('');
return str1.replace('-','')
}
7.如下代码输出什么？为什么?
arr = ["a", "b"];
arr.push( function() { alert(console.log('hello hunger valley')) } );//在数组arr的最后边推入一个`立即执行`的函数“`输出“hello hunger valley”，并以弹框形式显示`”
arr[arr.length-1](访问数组最后一项，即`hello hunger valley`) 。
8.写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字
arr = ["a", 1,3,4,5, "b", 2];//对原数组进行操作，不需要返回值
filterNumericInPlace(arr);
console.log(arr) // [1,3,4,5,2]
function filterNumericInPlace(arr){
for(var i = 0;i<arr.length;i++){
if(typeof arr[i] === 'string'){
arr.splice(i,1);
}};
console.log(arr)
}
或者：
arr = ["a", "b", 1, 3, 4, 5, "b", 2];
//对原数组进行操作，不需要返回值
filterNumericInPlace(arr);
function filterNumericInPlace(arra){
var arr1 = [];
for(var i = 0 ; i<arra.length; i++){
if(typeof(arra[i]) === 'number'){
arr1.push(arra[i]);
}
};
arra = arr1;
console.log(arra);
}
9.写一个ageSort函数实现如下功能
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(age1){
age1.sort(function(a,b){
return a.age-b.age;
});
return(age1);
}
ageSort(people);
或者：
function ageSort(people){
function compare(val1,val2){
return val1.age-val2.age;
};
people.sort(compare);
return people;
}
10.写一个filter(arr, func) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能：
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])){
arr.splice(i,1)
}
}
return arr;
}
arr = filter(arr, isNumeric) ;
console.log(arr);
arr = filter(arr,function(val){ return val > 0});
console.log(arr);
11.写一个 ucFirst函数，返回第一个字母为大写的字符
function ucFirst(aWord){
arr = aWord.split('');
arr[0] = arr[0].toUpperCase();
return arr.join('');
}
ucFirst("hunger")
12.写一个函数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){
var arr1 = str.substr(0,maxlength-1);
console.log(arr1+'...');
}
else{
return str;
}
}
13.写一个函数limit2，保留数字小数点后两位，四舍五入， 如:
var num1 = 3.456;
function limit2(num){
num=Math.round(num*100)/100;
console.log(num);
}
limit2(num1)
limit2(2.42)
14.写一个函数，获取从min到max之间的随机数，包括min不包括max
function random( min, max){
return min + (Math.floor(Math.random()*(max-min)))
}
random(2,42)//33,15,20.......
15.写一个函数，获取从min都max之间的随机整数，包括min包括max
function random( min, max){
return min + (Math.ceil(Math.random()*(max-min)))
}
random(5,10);//10,9,9,6,8......
16.写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机数
function newArr(len,min,max){
var newArr = [];
for(i = 0;i <len;i++){
newArr.push(Math.floor(min+(Math.random()*(max-min+1))))
}
return newArr;
}
newArr(7,10,72);//[60,25,18,34,16,30,52,14]