美文网首页
任务18-数组、字符串、数学函数

任务18-数组、字符串、数学函数

作者: 小木子2016 | 来源:发表于2016-10-19 10:57 被阅读0次

    问答

    数组方法里push、pop、shift、unshift、join、split分别是什么作用。(*)

    • push:push()向数组的末尾添加一个或者多个元素,并返回修改后的长度。
    • pop:pop()数组末尾移除最后一项,减少数组的length 值,然后返回移除的项。
    • shift:用于把数组的第一个元素从其中删除,并返回第一个元素的值,同时长度减1。
    • unshift:用于向数组的开头添加一个或更多元素,并返回新的长度。
    • join:用于把数组元素使用参数作为连接符连接成一个字符串,不会修改原数组内容。
    • split:基于指定的分隔符将一个字符串分割成多个字符串,并将结果放在一个数组中。

    代码题

    数组

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

    • push:
      <pre>
      var arr = [2,4,5,7,9];
      function push(arr,val){
      arr.splice(arr.length,0,val);
      return arr.length;
      }
      </pre>
    • pop:
      <pre>
      var arr = [2,4,5,7,9];
      function pop(arr){
      return arr.splice(arr.length-1,1)[0];
      }
      </pre>
    • shift:
      <pre>
      var arr = [2,4,5,7,9];
      function shift(arr){
      return arr.splice(0,1)[0];
      }
      </pre>
    • unshift:
      <pre>
      var arr = [2,4,5,7,9];
      function unshift(arr,val){
      arr.splice(0,0,val);
      return arr.length;
      }
      </pre>

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

    <pre>var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
    };
    function getTpl(data){
    //todo...
    };
    var result = getTplStr(prod); //result为下面的字符串

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

    实现代码如下:
    <pre>var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
    };
    function getTpl(data){
    var htmls = [];
    htmls.push('< dl class="product">');
    htmls.push('< dt>'+prod.name+'< /dt>');
    for(var i = 0; i < prod.styles.length;i++){
    htmls.push('< dd >'+prod.styles[i]+'< /dd >');
    }
    htmls.push('</dl >');
    console.log(htmls.join(''));
    };
    var result = getTpl(prod);
    </pre>

    输出结果如下:

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

    <pre>
    arr = ["a", "b"];
    arr.push( function() { alert(console.log('hello hunger valley')) } );
    arr [arr.length-1] () // ?
    </pre>

    输出结果如下:

    原因:
    arr.push(function)(){...}这句代码会把函数function(){...}添加到数组的末尾,
    即arr=["a","b",function(){alert(console.log('hello hunger valley'))}],而arr arr.length-1是调用匿名函数最后一项,所以输出结果就是hello hunger valley。console.log()只是在控制台输出,并不返回值,所以弹框显示undefined。

    8. 写一个函数filterNumericInPlace,过滤数组中的数字,删除非数字。要求在原数组上操作 (****)

    <pre>
    arr = ["a", "b", 1, 3, 4, 5, "b", 2];
    //对原数组进行操作,不需要返回值
    filterNumericInPlace(arr);
    console.log(arr)
    // [1,3,4,5,2]
    </pre>

    实现代码如下:

    <pre>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) ;
    </pre>

    输出结果如下:

    9. 写一个ageSort函数实现数组中对象按age从小到大排序 (***)

    <pre>
    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 ]
    </pre>

    实现代码如下:
    <pre>
    function ageSort(arr){
    arr.sort(function(a,b){
    return a.age-b.age;
    });
    }
    console.log(people);
    ageSort(people);
    </pre>

    输出结果如下:

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

    <pre>`
    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的整数`
    </pre>

    实现代码如下:
    <pre>
    function filter(arr,func){
    val=arr.filter(func);
    return val;
    }
    function isNumeric (el){
    return typeof el === 'number';
    }

    </pre>

    输出结果如下:

    字符串

    1. 写一个 ucFirst函数,返回第一个字母为大写的字符 (***)

    <pre>
    ucFirst("hunger") == "Hunger"
    </pre>

    实现代码如下:
    <pre>
    function ucFirst(arr){
    return arr[0].toUpperCase() + arr.substr(1);
    }
    ucFirst('hunger');
    </pre>

    输出结果如下:

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

    <pre>
    truncate("hello, this is hunger valley,", 10)) == "hello, thi..."; truncate("hello world", 20)) == "hello world"
    </pre>

    实现代码如下:
    <pre>
    function truncate(str,maxlength){
    if (str.length > maxlength){
    return str.substr(0,maxlength) + '...';
    } else {
    return str;
    }
    }

    </pre>

    输出结果如下:

    数学函数

    1. 写一个函数,获取从min到max之间的随机整数,包括min不包括max (***)

    <pre>
    function getRandom(min,max){
    return Math.floor (Math.random() * (max-min))+Math.floor(min);
    }
    </pre>

    输出结果:

    2. 写一个函数,获取从min都max之间的随机整数,包括min包括max(***)

    <pre>
    function getRandom(min,max){
    return Math.floor (Math.random() * (max-min+1))+Math.floor(min);
    }
    </pre>

    输出结果:

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

    <pre>function getRandomArray(min,max,len){ var arr = []; for(var i = 0; i<len;i++){ arr[i]=Math.floor(Math.random()*(max-min+1))+Math.floor(min) } return arr; }

    </pre>
    输出结果:

    4. 写一个函数,生成一个长度为 n 的随机字符串,字符串字符的取值范围包括0到9,a到 z,A到Z。

    <pre>
    function getRandStr(len){
    //todo...
    }
    var str = getRandStr(10); // 0a3iJiRZap
    </pre>

    代码实现如下:
    <pre>
    function getRandStr(len){
    var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    var result = ' ';
    for(var i = 0; i < len;i++){
    result += str[Math.floor(Math.random()*str.length)]
    }
    return result;
    }
    var str = getRandStr(10)
    </pre>

    输出结果如下:

    相关文章

      网友评论

          本文标题:任务18-数组、字符串、数学函数

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