美文网首页
task 总结2— js对数组进行各种操作的总结

task 总结2— js对数组进行各种操作的总结

作者: Summer_zxm | 来源:发表于2017-08-03 22:49 被阅读0次

    1. 连接两个数组的方法

    • concat()方法
      js的Array对象提供了一个叫concat()方法,连接两个或更多的数组,并返回结果。
    let c = a.concat(b);    //c=[1,2,3,4,5,6]
    

    concat()方法不改变现有数组,而是返回一个新数组。所以这里有一个问题,concat()方法连接a、b两个数组后,a、b两个数组的数据不变,同时会返回一个新的数组。这样当我们需要进行多次的数组合并时,会造成很大的内存浪费,所以这个方法肯定不是最好的。

    • for循环
      大概的思路是:遍历其中一个数组,把该数组中的所有元素依次添加到另外一个数组中。
    for(let  item  of  b)   {
              a.push(item);
    }
    

    代码行数多了点,一丢丢麻烦。

    • apply()方法
      感觉apply和call是javascript里面最牛的两个方法!不管谁的东西都能拿来用!
    a.push.apply(a,b); 
    

    直接调用a.push这个函数的apply()方法,同事把b当做参数(数组)传入,这样这个a.push方法就会遍历b数组中的所有元素,达到合并的效果了!

    tips

    • 以上3种合并方法并没有考虑过a、b两个数组谁的长度更小。所以好的做法是预先判断a、b两个数组哪个更大,然后使用大数组合并小数组,这样就减少了数组元素操作的次数!
    • 有时候我们不希望原数组(a、b)改变,这时就只能使用concat了。

    2. 删除数组中的重复元素只保留一个

    • 第一种思路:遍历要删除的数组arr,把元素放入另一个数组tmp中,在判断该元素在arr中不存时才允许放入tmp中
      for...of语句
      indexOf()方法
    let arr = [1, 2, 2, 3, 1, 2, 4];
    function noRepeat(arr) {
            let tmp = [];
            for(let item of arr) {
                        if(tmp.indexOf(item) === -1) {
                                    tmp.push(item);
                        }
            }
            return tmp;
    }
    
    • 第二种思路: 把目标数组arr的元素值和键的位置调换 自动就把重复的元素给删除掉了,感觉这种方法有点绕,还是上面那种好理解一点
    let student = ['qiang','ming','tao','li','liang','you','qiang','tao'];
    function unique(arr){
             let tmp = [];
             for(let item of arr){
                    tmp[item] = 1;
             }
    //再把键和值的位置再次调换
    let tmparr = [];
    for(let n in tmp){
             tmparr.push(n);
    }
    return tmparr;
    }
    

    3. 判断变量是否为数组的方法

    image.png

    数组就是那个任何其他对象,所以如果用typeof array 的话,返回值会是"object",typeof比较适合用来判断基本类型

    object instanceof constructor

    object是你要检测的对象, constructor是某个构造函数(比如Array),返回值是true or false,例子:

    let arr = [1,23,4];
    console.log(arr instanceof Array);     //true
    
    • 原型链方法
    let arr = [1,23,4];
    console.log(arr.__proto__.constructor == Array);    //true
    console.log(arr.constructor == Array);     //true 这两段代码是一样的
    

    这种方法看上去很万无一失并且高大上,除了万恶的IE早期的兼容性问题

    • isArray()方法
      这个方法是Array的内置函数,用于判断传递的值是不是一个Array。如果是返回true,否则false。
    Array.isArray([1,2,3]);         //true
    

    假如不存在 Array.isArray(),则在其他代码之前运行下面的代码将创建该方法。

    if (!Array.isArray) {
           Array.isArray = function(arg) {
           return Object.prototype.toString.call(arg) === '[object Array]';
      };
    }
    

    4. 数字和字符串之间的相互转换
    1) 数字转成字符串

    • 简单方法
    let num = 19;
    console.log(num + '');            //'19'
    

    很巧妙的方法,直接利用字符串拼接

    let num = 39;
    console.log(String(num));         // '39'
    
    • toString()方法
      toString() ()中放入的数字可以顺带转换成别的进制形成的字符串,如果没指定括号里的基数,默认就是10,例如:
    console.log((10).toString());          //'10'
    console.log((10).toString(2));        //'1010'
    
    • toFixed()方法
      toFixed() 方法其实是用来使用定点表示法来格式化一个数的。不过它的返回值是一个数值的字符串表现形式,所以也可以用来数字转换字符串了,()内表示你要截取的小数后的位数,例如:
    let num = 12345.6789;
    num.toFixed();           //"12346",四舍五入,不包括小数位
    num.toFixed(1);           //"12345.7"  四舍五入
    num.toFixed(6);           //"12345.678900"  用0填充
    

    2) 字符串转成数字

    let str = '15';
    console.log(Number(str));            //15
    
    • parseFloat() & parseInt()
      parseInt() 函数解析一个字符串参数,并返回一个指定基数的整数
      *parseFloat()函数返回一个浮点数,它只有一个参数
    let str = '1010';
    console(parseInt(str, 10));          //10
    let strr = '9.678';
    console(parseFloat(strr));            //9.678
    

    5. 数字取整

    • parseInt()
      丢弃小数部分,保留整数位
    • Math.ceil()
      向上取整,只要有小数位,就给整数位加1
    • Math.floor()
      向下取整,和parseInt在取整上的作用差不多

    相关文章

      网友评论

          本文标题:task 总结2— js对数组进行各种操作的总结

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