js数组

问题：
<h5>数组方法里push、pop、shift、unshift、join、split分别是什么作用?</h5>
<p>
push用于数组末尾添加一个元素，同时数组length加1；
pop用于数组末尾删除一个元素，同时数组length减1；
shift用于数组头部删除一个元素，同时数组length减1；
unshift用于数组头部添加一个元素，同时数组length加1；
join用于使用特定字符将数组分隔成字符串，不修改原数组内容；
split用于把一个字符串分割成字符串数组，不修改原数组内容
<img src="https://img.haomeiwen.com/i2304286/378f7f1e557ffa5b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240">
</p>

1. 用 splice 实现 push、pop、shift、unshift方法

var a = [1,2,3,4,5]; function push(arr , val){ arr.splice(arr.length , 1 , val); } function pop(arr){ arr.splice(arr.length-1 , 1); } function shift(arr){ arr.splice(0 , 1); } function unshift(arr , val){ arr.splice(0 , 1 , val); }

2. 使用数组拼接出如下字符串

var prod = { name: '女装', styles: ['短款', '冬季', '春装'] }; function getTplStr(data){ var clothes = []; clothes.push('<dl class="product">\n'); clothes.push('<dt>+data.name+</dt>\n'); var i; for(i=0;i<data.styles.length;i++){ clothes.push('<dd>'+data.styles[i]+'</dd>\n'); } clothes.push('</dl>\n'); return clothes; }; var result = getTplStr(prod); //result为下面的字符串 console.log(result.join(''));

/*<dl class="product"> <dt>女装</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春装</dd> </dl>*/

3. 写一个find函数，实现下面的功能

/* var arr = [ "test", 2, 1.5, false ] find(arr, "test") // 0 find(arr, 2) // 1 find(arr, 0) // -1 */
代码：
var arr = [ "test" , 2 , 1.5 , false ]; function find(surch , val){ return surch.indexOf(val); } find(arr , "test"); find(arr , 2); find(arr , 0);

4. 写一个函数filterNumeric，实现如下功能

arr = ["a", 1,3,5, "b", 2]; newarr = filterNumeric(arr); // [1,3,5,2]
代码：
arr = ["a", 1,3,5, "b", 2]; var newar; function filterNumeric(arr){ return arr.filter(function(e){ return typeof(e) == "number"; }) } newarr = filterNumeric(arr); console.log(newarr);

5. 对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：

var obj = { className: 'open menu' } function addClass(obj , val){ var arry = obj.className.split(' '); for(var i=0;i<arry.length;i++) { if (arry[i] == val) { obj.className=arry.join(' '); break; return; } else { arry.push(val); obj.className=arry.join(' '); return; } } } function removeClass(obj , val){ var arry = obj.className.split(' '); for(var i=0;i<arry.length;i++) { if (arry[i] == val){ arry.splice(i,1); obj.className=arry.join(' '); break; return; } else { obj.className=arry.join(' '); return; } } } 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) // "open menu new me" removeClass(obj, 'open') //obj.className='menu new me' removeClass(obj, 'blabla') // 不变

6. 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如:

camelize("background-color") == 'backgroundColor' camelize("list-style-image") == 'listStyleImage'
代码：
function camelize(arry){ newArry = arry.split('-'); console.log(newArry.join(' ')); return newArry.join(' '); } camelize('my-short-string');

7. 如下代码输出什么？为什么?

arr = ["a", "b"]; arr.push( function() { alert(console.log('hello hunger valley')) } );//将函数添加至数组arr的最末尾，数组元素+1； arr[arr.length-1]() // 调用数组arr的最后一个元素，函数立即执行，弹窗undefined，打印‘hello hunger valley’

8. 写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字

arr = ["a",1,3,4,5,"b",2];//对原数组进行操作，不需要返回值filterNumericInPlace(arr); console.log(arr) // [1,3,4,5,2]
代码：
arr = ["a", 1,3,4,5, "b", 2];//对原数组进行操作，不需要返回值function filterNumericInPlace(arry){ for(var i=0;i<arry.length;i++){ if(typeof arry[i]=='string'){ arr.splice(i,1) } } } filterNumericInPlace(arr); console.log(arr) // [1,3,4,5,2]

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 ] 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.reverse(); } ageSort(people) // [ bob, mary, john ]

10. 写一个filter(arr, func)函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能：

代码：
function isNumeric (el){ return typeof el === 'number'; } function filter(arr, func){ return arr.filter(func); } arr = ["a",3,4,true, -1, 2, "b"] arr = filter(arr, isNumeric) ; //arr = [3,4,-1,2], 过滤出数字arr = filter(arr, function(val) { return val > 0 }); // arr = [3, 4, 2]] 过滤出大于0的整数

字符串

11. 写一个 ucFirst函数，返回第一个字母为大写的字符

ucFirst("hunger") == "Hunger"
代码：
function ucFirst(str){ str = str.split(''); str[0] = str[0].toUpperCase(); console.log(str.join('')) return str.join('') } ucFirst('hello')

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){ str = str.split('') if(str.length>maxlength){ str.splice(maxlength-1,str.length-maxlength+1,"...") return str.join('') } else console.log( str.join('')) return str.join('') } var a = "hello,this is hunger"; truncate(a,10) truncate(a,20)

数学函数

13. 写一个函数limit2，保留数字小数点后两位，四舍五入， 如:

var num1 = 3.456 limit2( num1 ); //3.46 limit2( 2.42 ); //2.42
代码：
function limit2(num){ console.log( ( Math.round(num*100) )/100 ) return ( Math.round(num*100) )/100; } var num1 = 3.456 limit2( num1 ); //3.46 limit2( 2.42 ); //2.42

14. 写一个函数，获取从min到max之间的随机数，包括min不包括max代码：

function getNum(min,max){ return min+(max-min)*Math.random() }

15. 写一个函数，获取从min都max之间的随机整数，包括min包括max

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

16. 写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机数

function getArr(len,min,max){ arr = []; for(var i=0;i<len;i++){ arr.push( (min+(max-min)*Math.random() ); } console.log(arr); return arr; } getArr(len,min,max)
本文版权归帘外修竹所有，转载必须注明出处