javascript基础--数组，字符串操作，Math函数

数据的操作方法：

var arr = [1,2,3,4,5];

arr.push(6,7);//可以在数组的最后一位开始添加数列（1+）;并返回数组的长度。

arr.pop();//删除数组的最后一位。并返回那一位数组的内容。

arr.shift();//删除数组的第0位，并返回那一位数组的内容。

arr.unshift(-1,0);//从数组的第0位前，添加数列，并返回数组的长度。

arr.join('');//将每列数组按照指定的符号或者不设置符号（空字符串）隔开每列数组。

 

字符串的操作方法：

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

   var arr = [3,2];
   var arrOpts=(function(){

    function oArray(arr){

        if(Array.isArray(arr)){
            return true;
        }else{
            return false;
        }

        }
    function oPush(arr){

        if(!oArray(arr)){
            return "不是一个数组！";
        }
        
        for(var i=1;i<arguments.length;i++){
            arr.splice(arr.length,0,arguments[i]);
        }
        
        return arr.length;
    }

    function oPop(arr){
        
        if(!oArray(arr)){
            return "不是一个数组！";
        }
        
        return arr.splice(arr.length-1,1)[0];
    }

    function oUnshift(arr){
       if(!oArray(arr)){
            return "不是一个数组！";
        }
        if(arguments.length>=2){
            for(var i = arguments.length-1;i>0;i--){
                arr.splice(0,0,arguments[i]);
            }
        }
        return arr.length;
    }

    function oShift(arr){
        if(!oArray(arr)){
            return "不是一个数组！";
        }
        return arr.splice(0,1)[0];
    }

    return {
        oPush:oPush,
        oPop:oPop,
        oUnshift:oUnshift,
        oShift:oShift
    }

   })();

 拼接字符串操作：

var prod = { name:'女装', styles:['短款','冬季','春装'] };

function getTpl(data){

var html =[]; html.push('<dl class="product">');

html.push('<dt>'+data.name+'</dt>');

for(var i =0;i<data.styles.length;i++){

html.push('<dd>'+data.styles[i]+'</dd>');

}

html.push('</dl>');

return html.join('');

}

var result =getTpl(prod);

console.log(result);//

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

var arr = ['test',2,1.5,false];
function find(arr,ele){
    for(var i=0;i<arr.length;i++){
        if(arr[i] === ele){
            return i;
        }   
    }
    return -1;
}
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1

写一个函数过滤数组中，不是数字的元素。

var arr=["a",1,"b",2];

function filterNumeric(arr){
    var fooArr = [];
    for(var i=0;i<arr.length;i++){
        if(typeof arr[i] === 'number'){
            fooArr.push(arr[i]);
        }
    }
    return fooArr;
}

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

var obj = {className:'open menu'};

var classOpt = (function(){
    
    //判断是否有这个class
    function hasClass(obj,cls){

        if( obj.className && arguments.length === 2){
            var fooArr = obj.className.split(' ');
            for(var i=0;i<fooArr.length;i++){
                if(cls === fooArr[i]){
                    return fooArr;//如果有这个class，返回
                }
            }

            return false;//没有返回false
        }
    }

    function addClass(obj,cls){
        
        if(hasClass(obj,cls)){
            return 'class已经存在，无法添加';
        }

        return obj.className += ' '+cls;
    }
    
    function removeClass(obj,cls){
        if(hasClass(obj,cls)){
            var fooArr = obj.className.split(' ');
            for(var i=0;i<fooArr.length;i++){
                if(fooArr[i]===cls){
                    fooArr.splice(i,1);
                }
            }
        return obj.className = fooArr.join(' ');
        console.log(fooArr);
        }
        return '';
    }

    return {
        addClass:addClass,
        removeClass:removeClass
    }
})();

 

写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如 (***)

   function camelize(str){
       
       var fooArr = str.split('-');

       if(fooArr.length>=2){
           for(var i=1;i<fooArr.length;i++){
               fooArr[i] = fooArr[i].replace(fooArr[i][0],fooArr[i][0].toUpperCase());
           }
       }
       return fooArr.join('');
   }

 

写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字 (****)

function filterNumericInplace(arr){
  for(var i=0;i<arr.length;i++){
    if(typeof arr[i] !== 'number'){
      arr.splice(i,1);
      i--;
    }
  }
}//对原数组进行操作，不返回值。

写一个ageSort函数实现如下功能 （***）

function ageSort(arr){
  arr.sort(numSort);
  function numSort(a,b){
    return a.age - b.age;
  }
}

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

arr = ["a",3,4,true, -1, 2, "b"];
function isNum(elem){
  return typeof elem ==='number';
}
function filter(arr,callback){
  for(var i=0;i<arr.length;i++){
    if(!callback(arr[i])){
      arr.splice(i,1);
      i--;
    }
  }
}// 在filter函数中遍历数组，之后将callback函数返回一个布尔值，进行if判断，判断false即不符合条件的就删除该元素。

字符串操作

写一个 ucFirst函数，返回第一个字母为大写的字符 （***）

var s1 = 'hello';
function ucFirst(str){
  return str=str.replace(str[0],str[0].toUpperCase());
}

写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如 （****）

var s1 = "hello, this is hunger valley";
var s2 = "This is a string";
function truncate(str,maxlen){
  if(arguments.length=2){
    if(str.length >= maxlen){
      return str.slice(0,maxlen)+'...';
    }
  }
}

数学函数

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

 function limit2(num){ 2 return Math.round(num*100)/100; 3 } 

写一个函数，获取从min到max之间的随机数，包括min不包括max （***）

  function MinToMaxRandom(min,max){

    return Math.random()*(max-min) + min;
    
  }

　　

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

  function randomInt(min,max){

    return Math.floor(Math.random()*(max-min+1) + min);

  }//Math.floor()向下取整,Math.random()0~1随机数，包含0不包含1

　　

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

 

function randomArrayMinToMax(min, max, len) {
          var arr = [];
          for (var i = 0; i < len; i++) {
              arr.push(Math.round((max - min) * Math.random() + min));
          }
          return arr;
      }
//这里的随机数是随机整数