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

2017-08-03 本文已影响0人 Summer_zxm

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. 判断变量是否为数组的方法

typeof()操作符

image.png

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

instanceof操作符

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'

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

强制转换 String()

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) 字符串转成数字

强制转换 Number()

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对数组进行各种操作的总结

tips

猜你喜欢

热点阅读