1. 数组方法

1.concat

concat方法创建一个新的数组，它由被调用的对象中的元素组成，每个参数的顺序依次是该参数的元素（如果参数是数组）或参数本身（如果参数不是数组）。它不会递归到嵌套数组参数中。
concat方法不会改变this或任何作为参数提供的数组，而是返回一个浅拷贝，它包含与原始数组相结合的相同元素的副本。

  1. // var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])
  2. // 返回拼接后的数组
  3. var arr1 = ['i', 'l', 'o', 'v'];
  4. var arr2 = ['e', 'y', 'o', 'u'];
  5. var newArr = arr1.concat(arr2); 
  6. console.log(newArr);// ['i', 'l', 'o', 'v', 'e', 'y', 'o', 'u']
  8. var arr1 = ['i', 'l', 'o', 'v'];
  9. var arr2 = ['e', 'y', 'o', 'u'];
  10. var arr3 = ['!'];
  11. // 可以拼接多个数组
  12. var newArr = arr1.concat(arr2, arr3); 
  13. console.log(newArr); // ['i', 'l', 'o', 'v', 'e', 'y', 'o', 'u', '!']
  15. // concat()不传入参数，则concat 会返回调用此方法的现存数组的一个浅拷贝。
  16. var arr = [
  17.   {
  18.     name: '张三',
  19.   },{
  20.     name: '李四'
  21.   }
  23. ]
  24. var newArr = arr.concat();
  26. newArr.push({name:'王二'});
  27. newArr[0].name = '11';
  28. console.log(newArr, arr);

image.png

2. toString

  1. // 一个表示指定的数组及其元素的字符串。包含用逗号分隔的每个数组元素
  2. var arr = ['a', 'b', 'c'];
  3. var str = arr.toString();
  4. console.log(str); // a,b,c
  6. // 当一个数组被作为文本值或者进行字符串连接操作时，将会自动调用其toString方法。
  7. var arr = [1, 2];
  8. console.log(arr + 'b');// 1,2b

3. slice

slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。

  1. // arr.slice([begin[, end]])
  2. // 俩个参数 => 左闭右开
  3. var arr = [1, 2, 3, 4, 5];
  5. var newArr1 = arr.slice(2);
  6. console.log(newArr1); // [3, 4, 5]
  7. var newArr2 = arr.slice(2, 4);
  8. console.log(newArr2);// [3, 4]
  10. var newArr3 = arr.slice(-2, 4);
  11. console.log(newArr3);// [4]
  13. var newArr4 = arr.slice();
  14. console.log(newArr4);//  [1, 2, 3, 4, 5]
  16. var newArr5 = arr.slice(-2);
  17. console.log(newArr5); // [4, 5]

slice 方法可以用来将一个类数组（Array-like）对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 arguments 就是一个类数组对象的例子。

  1. function list(){
  2.   // Array.prototype.slice.caLL() === [].slice.call()
  3.   // return Array.prototype.slice.call(arguments);
  4.   return [].slice.call(arguments);
  5. }
  7. var list1 = list(1, 2, 3);
  8. console.log(list1);// [1, 2, 3]

4. join, split

  1. // join 返回由数组内的元素连接的字符串      
  2. var arr = [1, 2, 3, 4];
  3. var newArr = arr.join(' ');
  4. console.log(newArr);// 1 2 3 4
  1. // str.split([separator[, limit]])
  2. // 返回源字符串以分隔符
  3. var str = '1,2,3,4';
  4. var arr = str.split(',', 3);
  6. console.log(arr); // [1, 2, 3]

2. 类数组

  1. function test(){
  2.   console.log(arguments);
  3. }
  4. test(1, 2, 3, 4, 5);
  6. var obj = {
  7.   '0': 1,
  8.   '1': 2,
  9.   '2': 3,
  10.   '3': 4,
  11.   '4': 5,
  12.   'length': 5
  13. }
  15. console.log(obj);

image.png

  1.     function test(){
  2.     console.log(arguments);
  3.   }
  4.   test(1, 2, 3, 4, 5);
  6.   var obj = {
  7.     '0': 1,
  8.     '1': 2,
  9.     '2': 3,
  10.     '3': 4,
  11.     '4': 5,
  12.     'length': 5,
  13.     'splice': Array.prototype.splice,
  14.     'push': [].push
  15.   }
  16.   obj.push(6);
  17.   console.log(obj);

image.png

  1.     var obj = {
  2.     '2': 4,
  3.     '3': 25,
  4.     'length': 2,
  5.     'push': Array.prototype.push
  6.   }
  7.   // push(item) => arr[length] = item
  8.   obj.push(1);
  9.   obj.push(2);
  11.   console.log(obj);

3. 笔试题

  1. // 数组去重
  2. // 添加到Array.prototype
  3. // 方法1
  4. Array.prototype.unique = function(){
  5.   var obj = {};
  6.   var arr = []
  7.   for(var i = 0; i < this.length; i++){
  8.     var item = this[i];
  9.     if(item in obj){// 也可以用obj.hasOwnProperty(item)
  11.     }else{
  12.       obj[item] = item;
  13.       arr.push(item);
  14.     }
  15.   }
  16.   return arr
  17. }
  19. Array.prototype.unique = function(){
  20.   var obj = {};
  21.   var arr = []
  22.   for(var i = 0; i < this.length; i++){
  23.     var item = this[i];
  24.     if(!(item in obj)){
  25.       obj[item] = item;
  26.       arr.push(item);
  27.     }
  28.   }
  29.   return arr
  30. }
  33. var arr = [1, 2, 3, 4, 2, 4, 3, 'a', 'a'];
  35. var arr1 = arr.unique();
  36. console.log(arr1);
  38. // 方法2
  39. Array.prototype.unique = function(){
  40.   var arr = [];
  41.   for(var i = 0; i < this.length; i++){
  42.     var item = this[i];
  43.     if(arr.indexOf(item) === -1){
  44.       arr.push(item);
  45.     }
  46.   }
  47.   return arr
  48. }
  1. // 封装typeof
  2. //  undefined object string boolean number function
  3. //  null
  4. // [object Array]
  5. // [object Object]
  6. // [object Number]
  7. // [object String]
  8. // [object Boolean]
  9. // [object Date]
  10. // [object RegExp]
  11. // [object Function]
  12.     function myTypeof(val){
  13.     var type = typeof(val);
  14.     var toStr = Object.prototype.toString;
  15.     var allTypes = {
  16.       '[object Array]': 'object-array',
  17.       '[object Object]': 'object-Object',
  18.       '[object String]': 'object-String',
  19.       '[object Number]': 'object-Number',
  20.       '[object Date]': 'object-Date',
  21.       '[object RegExp]': 'object-RegExp',
  22.       '[object Function]': 'object-Function',
  23.       '[object Boolean]': 'object-Boolean',
  24.     };
  26.     if(type !== 'object'){
  27.       return type;
  28.     }else{
  29.       if(val === null){
  30.         return null;
  31.       }else{
  32.         return allTypes[toStr.call(val)];
  33.       }
  34.     }
  35.   }