美文网首页饥人谷技术博客
数组、字符串、数学函数

数组、字符串、数学函数

作者: 浩天天 | 来源:发表于2016-08-24 17:54 被阅读0次
    数组方法里push、pop、shift、unshift、join、split分别是什么作用。(*)

    答:可以在一个数组里对数组进行添加、删除、插入等操作。

    • push:
      push可以在数组的最后面添加一个或多个数数值、返回变化后的数组长度。
    • pop
      pop可以删除数组后面一个值,返回去除的值



      push和pop都称之为栈方法,在添加、删除的时候都会影响数组的index和length,他们都是改变数组的最后一位,push可以添加多个,而pop只能删除一个。

    • unshifit:
      在数组的开头部分添加一个值,返回数组变化后的length
    • shift:
      删除数组的第一个值,返回删除的值。
    • join:
      将一个数组拼接成字符串,默认分隔符号为“,”,且不会修改原数组内容。
    • slipt:
      split把一个字符串分割成字符串组,也不会修改原内容。
    搜狗截图16年08月23日1348_21.png

    代码题

    数组

    用 splice 实现 push、pop、shift、unshift方法 (***)
    • push:
    function push(arr,val) {
       arr.splice(arr.length,0,val);
       return arr.length;
    }
    
    • pop
    function pop(){
      return arr.splice(arr.length-1,1)[0];
    }
    
    搜狗截图16年08月23日1558_23.png
    • unshift:
    function unshift(arr,val){
       arr.splice(0,0,val);
       return arr.length;
    }
    

    shift:

    function shift(arr){
       return arr.splice(0,1)[0];
    }
    
    使用数组拼接出如下字符串 (***)
    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>
    

    答:

    var prod = {
        name: '女装',
        styles: ['短款', '冬季', '春装']
    };
    function getTplStr(data) {
        var htmls = [];
        htmls.push('<dl class="product">');
        htmls.push('<dt>'+data.name+'</dt>');
        for(var i=0;i<data.styles.length;i++){
        htmls.push('<dd>'+data.styles[i]+'</dd>');
    }
        htmls.push('</dl>');
        console.log(htmls.join(''));
    };
    var result = getTplStr(prod);
    
    搜狗截图16年08月23日1727_26.png
    写一个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(arr,val){
        for(var i=0;i<arr.length;i++){
            if (arr[i] === val){
            console.log(i);
            return(i);
            }
        }
        console.log(-1)
    }
    
    写一个函数filterNumeric,把数组 arr 中的数字过滤出来赋值给新数组newarr, 原数组arr不变 (****)
    arr = ["a", "b", 1, 3, 5, "b", 2];
    newarr = filterNumeric(arr); // [1,3,5,2]
    

    答:

    arr = ["a", "b", 1, 3, 5, "b", 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;
    }
    newarr = filterNumeric(arr)
    
    对象obj有个className属性,里面的值为的是空格分割的字符串(和html元素的class特性类似),写addClass、removeClass函数,有如下功能:(****)
        var obj = {
            className: 'open menu'
        }
        addClass(obj, 'new')
        addClass(obj, 'open')
        addClass(obj, 'me')
        console.log(obj.className)
        removeClass(obj, 'open')
        removeClass(obj, 'blabla')
        function addClass(obj,val) {
            var classArr = obj.className.split(" ");
            for(var i=0;i<classArr.length;i++){
                if( val === classArr[i]){
                    return;
                }
            }
            return obj.className +=' '+val;
        }
        function removeClass(obj,val) {
            var classArr = obj.className.split(" ");
            for(var i=0;i<classArr.length;i++){
                if( val === classArr[i]){
                    classArr.splice(classArr[i],1);
                    return classArr.join(" ");
                }
            }
        }
    
    写一个camelize函数,把my-short-string形式的字符串转化成myShortString形式的字符串,如
    camelize("background-color") == 'backgroundColor'
    camelize("list-style-image") == 'listStyleImage'
    
    function camelize(str){
        var arr = str.split('-')
        return arr.join('')
    }
    
    如下代码输出什么?为什么? (***)
    arr = ["a", "b"];
    arr.push( function() { alert(console.log('hello hunger valley')) } );
    arr[arr.length-1]()  // ?
    

    页面弹出undefined控制台输出 hello hunger valle
    arr.push给arr的后面加入了一个新参数,下标为2,所以arr[arr.length-1]()会输出 hello hunger valle,console.log('hello hunger valley')的返回值为undefined,所以会弹窗undefined。
    写一个函数filterNumericInPlace,过滤数组中的数字,删除非数字。要求在原数组上操作 (****)
    arr = ["a", "b", 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] !== "number" ){
                arr.splice(i,1);
                i--;
            }
        }
    }
    
    写一个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 ]
    ageSort(people) // [ bob, mary, john ]
    
    
    写一个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 filter(arr, func){
        for (var i=0;i<arr.length;i++){
            if(!func(arr[i])){
                arr.splice(i,1);
                i--;
            }
        }
        return arr;
    }
        function isNumeric(el){
           return typeof el === "number";
        }
    arr = ["a", 3, 4, true, -1, 2, "b"]
    arr = filter(arr, isNumeric);
    arr = filter(arr,function(val){return typeof val === "number" && val>0})
    
    写一个ucFirst函数,返回一个首字母为大写的字符串。
    ucFirst("hunger") == "Hunger"
    
    function ucFirst(str){
        return str(0).toUpperCase()+str.substr(1);
    }
    
    写一个函数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){
            return str.substring(0,maxlength).concat("...")
        }else{
            return str;
        }
    }
    
    1.写一个函数,获取从min到max之间的随机整数,包括min不包括max(***)
    function getRandom(min,max){
        console.log(min+Math.floor(Math,random()*(max-min)))}
    
    写一个函数,获取从min都max之间的随机整数,包括min包括max
    function getRandom(min,max){
        console.log(min+Math.floor(Math,random()*(max-min+1)))}
    
    写一个函数,获取一个随机数组,数组中元素为长度为len,最小值为min,最大值为max(包括)的随机整数 (***)

    答:

    function getRadomArr(len,min,max){
        var arr = [];
        for (var i=0;i<len;i++){
            arr[i] = min+Math.floor(Math.random()*(max-min+1))
        }
    }
    
    4.写一个函数,生成一个长度为 n 的随机字符串,字符串字符的取值范围包括0到9,a到 z,A到Z。
      function getRadomStr(n){
        var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
        var arr =''
        for(var i=0;i<n;i++){
            arr += str[Math.floor(Math.random()*str.length)]
        }
        return arr;
    }
    

    本文版权归本人和饥人谷所有,转载请注明来源。

    相关文章

      网友评论

        本文标题:数组、字符串、数学函数

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