数组、字符串、数学函数

作者: 进击的阿群 | 来源:发表于2016-08-21 18:43 被阅读103次

问答：

1. 数组方法里push、pop、shift、unshift、join、split分别是什么作用。（*）

push：
push方法作用是在数组的后面添加一个或多个数值，返回变化后的数组长度length：
push
pop：
与push对应，作用是在数组的后面去除一个或多个数值，返回去除的值：
pop
push和pop是堆栈的方法，就是后进先去，即只能在一端对数据进行操作，pop一次只移除一个值，push可以添加多个值。
shift：作用是移除数组开头部分的一个值，返回移除的值：
shift
unshift：作用是在数组开头部分增加一个值或多个值，返回变化数组的长度；
unshift
join：join将数组项合并成一个字符串，join接受一个参数，数组项之间的分隔符，默认是逗号：
join
split：是string数据类型的一种方法，用于分割字符串为数组，与数组的join方法对应。有两个参数，第一个是以什么分隔符来分割元素，默认情况是字符串整体作为数组的一项，有且仅有一项，第二个是分割出来的数组项个数。
split

代码：

数组：

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>task18</title>
  </head>
  <body>
    <script>
      // 1. 用 splice 实现 push、pop、shift、unshift方法 （***）
      function push(arr, val) {
        arr.splice(arr.length, 0, val);
        return arr.length;
      }

      function pop(arr) {
        var val = arr.splice(arr.length-1,1);
        return val;
      }

      function shift(arr) {
        var val = arr.splice(0,1);
        return val;
      }

      function unshift(arr, val) {
        arr.splice(0, 0, val);
        return arr.length;
      }
      var arr1 = [11,22,33,44,55,66,77];
    </script>
  </body>
</html>

代码1

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

<script>
      // 2.使用数组拼接出如下字符串 （***）
      var prod = {
        name: '女装',
        style: ['短款', '冬季', '春装']
      };
      function getTplStr(data){
        data.style.unshift(data.name);
        var arr1 = data.style;
        var arr2 = [];
        arr2[0] = '<dl class="product">';
        arr2[1] = '\t' + '<dt>' + arr1[0] + '</dt>';
        for(var i = 0; i < arr1.length; i++) {
          arr2[i+2] = '\t' + '<dd>' + arr1[i+1] + '</dd>';
        }
        arr2[arr2.length-1] = '</dl>';
        console.log(arr2.join("\n"));
      }
      var result = getTplStr(prod);
      console.log(result);
      </script>

代码2

3. 写一个find函数，实现下面的功能（***）

<script>
      var arr3 = ["test", 2, 1.5, false];
      console.log(find(arr3, "test"));
      console.log(find(arr3, 2));
      console.log(find(arr3, 0));

      function find(arr, val) {
        var result = -1;
        for(var j = 0; j < arr.length; j++) {
         if(val === arr[j]) {
           result = j;
         }
        }
        return result;
      }
</script>

代码3

4. 写一个函数filterNumeric，把数组 arr 中的数字过滤出来赋值给新数组newarr，原数组arr不变（****）

<script>
      //4. 写一个函数filterNumberic，把数组 arr 中的数字过滤出来赋值给新数组newarr， 原数组arr不变 （****）
      var arr4 = ["a", "b", 1, 3, 5, "b", 2];
      var newarr = filterNumberic(arr4);
      console.log(newarr);
      function filterNumberic(arr) {
        var result = [];
        for(var i = 0; i < arr.length; i++) {
          if(typeof arr[i] == "number") {
            result.push(arr[i]);
          }
        }
        return result;
      }
</script>
      ```
![代码4](https://img.haomeiwen.com/i2404178/672b8c65788a1b0f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
####5. 对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：(\*\***)
``` html
<script>
      //5. 对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：(****)
      var obj = {
        className: 'open menu'
      }
      console.log(addClass(obj, 'new'));
      console.log(addClass(obj, 'open'));
      console.log(addClass(obj, 'me'));
      console.log(obj.className);

      console.log(removeClass(obj, 'open'));
      console.log(removeClass(obj, 'blabla'));

      function addClass(obj, val) {
        var arr5 = obj.className.split(" ");
        for(var i = 0; i < arr5.length; i++) {
          if(val === arr5[i]) {
            return;
          }
        }
        return obj.className += ' ' + val;
      }

      function removeClass(obj, val) {
        var arr5 = obj.className.split(" ");
        for(var i = 0; i < arr5.length; i++) {
          if(val === arr5[i]) {
            arr5.splice(arr5[i],1);
            return arr5.join(" ");
          }
        }
      }
</script>

代码5

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

<script>
      //6. 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如 (***)
      console.log(camelize("background-color"));
      console.log(camelize("list-style-image"));

      function camelize(str) {
        var arr = str.split("");
        for(var i = 0; i < arr.length; i++) {
          if(arr[i] === "-") {
            arr.splice(i,1);
          }
        }
        return arr.join("");
      }
</script>

代码6

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

<script>
      //7. 如下代码输出什么？为什么? (***)
      arr = ["a", "b"];
      arr.push( function() { alert(console.log('hello hunger valley')) } );
      arr[arr.length-1]()
      
</script>

原因是console.log的返回值是undefined，所以立即执行的函数表达式执行结果为弹窗undefined。

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

<script>
      //8. 写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字。要求在原数组上操作 (****)
      arr8 = ["a", "b", 1, 3, 4, 5, "b", 2];
      filterNumericInPlace(arr8);
      console.log(arr8);

      function filterNumericInPlace(arr) {
        for(var i = 0; i < arr.length; i++) {
          if(typeof arr[i] !== "number") {
            arr.splice(i,1);
            i--;
          }
        }
      }
</script>

代码8

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

<script>
      //9. 写一个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);
      console.log(people);

      function ageSort(arr) {
        arr.sort(function(a, b) {
          return a.age - b.age;
        })
      }
</script>

代码9

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

<script>
      //10. 写一个filter(arr, func) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能： （****）
      function isNumeric(el) {
        return typeof el === 'number';
      }
      var arr10 = ["a", "b", 3, 4, true, -1, 2, "b"];

      console.log(arr10 = filter(arr10, isNumeric));
      console.log(arr10 = filter(arr10, function(val) {
        return typeof val === "number" && val > 0
      }));

      function filter(arr, fn) {
        for(var i = 0; i < arr.length; i++) {
          if(!fn(arr[i])) {
            arr.splice(i,1);
            i--;
          }
        }
      return arr;
      }
</script>

代码10

字符串

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>task-18-string</title>
  </head>
  <body>
    <script>
      //1. 写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
      console.log(ucFirst("hunger"));

      function ucFirst(str) {
        return str.replace(str[0], str.substr(0, 1).toUpperCase());
      }

    </script>
  </body>
</html>

代码11

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>task-18-string</title>
  </head>
  <body>
    <script>

          //2. 写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如 （****）
          console.log(truncate("hello, this is hunger valley,", 10));
          console.log(truncate("hello world", 20));

          function truncate(str, maxlength) {
            var newstr = "";
            if(str.length > maxlength) {
              newstr = str.substr(0, maxlength) + "...";
            } else {
              newstr = str;
            }
            return newstr;
          }

    </script>
  </body>
</html>

代码12

数学函数

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script>
    // 1. 写一个函数，获取从min到max之间的随机整数，包括min不包括max （***）

    function getRandomInt(min, max) {
      return Math.floor(Math.random() * (max - min)) + min;
    }
    for(var i = 0; i < 10; i++) {
    console.log(getRandomInt(4,7));
    }
    
    </script>
  </body>
</html>

代码13

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

<script>
    function getRandomInt_2(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    for(var i = 0; i < 10; i++) {
      console.log(getRandomInt_2(4,7));
    }
</script>

代码14

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

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

    console.log(randomArr(5, 2, 6));
    
    </script>

代码15

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

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

    function getRandStr(len) {
      var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
          newstr = "";
      for(var i = 0; i < len; i++) {
        newstr += str[Math.floor(Math.random() * str.length)];
      }
      return newstr;
    }

    var str = getRandStr(10);
    console.log(str);

    </script>

代码16

代码地址：代码

本文归本人和饥人谷所有，转载请注明来源，谢谢

数组、字符串、数学函数

问答：

1. 数组方法里push、pop、shift、unshift、join、split分别是什么作用。（*）

代码：

数组：

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

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

3. 写一个find函数，实现下面的功能（***）

4. 写一个函数filterNumeric，把数组 arr 中的数字过滤出来赋值给新数组newarr，原数组arr不变（****）

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

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

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

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

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

字符串

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

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

数学函数

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

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

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

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

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

饥人谷技术博客

数组、字符串、数学函数

问答：

1. 数组方法里push、pop、shift、unshift、join、split分别是什么作用。（*）

代码：

数组：

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

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

3. 写一个find函数，实现下面的功能 （***）

4. 写一个函数filterNumeric，把数组 arr 中的数字过滤出来赋值给新数组newarr， 原数组arr不变 （****）

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

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

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

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

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

字符串

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

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

数学函数

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

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

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

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

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

饥人谷技术博客

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

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

3. 写一个find函数，实现下面的功能（***）

4. 写一个函数filterNumeric，把数组 arr 中的数字过滤出来赋值给新数组newarr，原数组arr不变（****）

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

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

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

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

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