美文网首页
数组、字符串、数学函数代码实例

数组、字符串、数学函数代码实例

作者: __Qiao | 来源:发表于2016-08-19 23:43 被阅读0次

数组

  • 用splice实现pushpopshiftunshift方法

    /*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特性类似),写addClassremoveClass函数,有如下功能:
    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);



本文版权属吴天乔所有,转载务必注明出处。

相关文章

网友评论

      本文标题:数组、字符串、数学函数代码实例

      本文链接:https://www.haomeiwen.com/subject/frjmsttx.html