Task18

问题

数组方法里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]