javascript 基础定义和算法（去重，拷贝，扁平化）

var，let，const的比较？

1. var声明变量存在变量提升，let和const不存在变量提升
2. let、const都是块级局部变量
3. 同一作用域下let和const不能声明同名变量，而var可以

去重

Set、filter、reduce

const array = [' ', 1,  2, ' ',' ', 3];
​
// 1: "Set"
[...new Set(array)];
​
// 2: "Filter"
array.filter((item, index) => array.indexOf(item) === index);
​
// 3: "Reduce"
array.reduce((unique, item) => 
  unique.includes(item) ? unique : [...unique, item], []);
​
​
// RESULT:
// [' ', 1, 2, 3];

---

深拷贝和浅拷贝的方式

深拷贝

1. 最简单的方法就是JSON.parse(JSON.stringify（））

   1. function deepCopy(o) {
          return JSON.parse(JSON.stringify(o))
      }
      
      var c = {
          age: 1,
          name: undefined,
          sex: null,
          tel: /^1[34578]\d{9}$/,
          say: () => {
              console.log('hahha')
          }
      }
      // { age: 1, sex: null, tel: {} }

      需要注意的是：这种拷贝方法不可以拷贝一些特殊的属性（例如正则表达式，undefine，function）

2. 用递归去复制所有层级属性
   1.  

      function deepCopyTwo(obj) {
        let objClone = Array.isArray(obj) ? [] : {};
        if (obj && typeof obj == 'object') {
          for (const key in obj) {
            //判断obj子元素是否为对象，如果是，递归复制
            if (obj[key] && typeof obj[key] === "object") {
              objClone[key] = deepCopyTwo(obj[key]);
            } else {
              //如果不是，简单复制
              objClone[key] = obj[key];
            }
          }
        }
        return objClone;
      }

浅拷贝
        object.assign(target,source)

---

防抖和节流的区别

debounce和throttling 各有特点，在不同 的场景要根据需求合理的选择策略。如果事件触发是高频但是有停顿时，可以选择debounce； 在事件连续不断高频触发时，只能选择throttling，因为debounce可能会导致动作只被执行一次，界面出现跳跃。

---

数组扁平化

数组扁平化有几种方法？
二维数组时，可以简单使用flat()方法

let arr = [[1,2],[3,4],[5,6]].flat();

let arr = [[1,2],[3,4],[5,6]].flat();
console.log(arr); // [1,2,3,4,5,6]

如果是多维数组，则flat()将达不到效果，

需要给flat()传一个参数，var newArray = arr.flat([depth])，

参数：depth ，可选，指定要提取嵌套数组的结构深度，默认值为 1。

let arr = [[1,2],[3,4],[5,6]].flat(Infinity);
console.log(arr); // [1,2,3,4,5,6]

迭代实现 （ES6扩展运算符…）

const arr = [1,2,[3,4,5,[6,7],8],9,10,[11,[12,13]]];
const flatten = (arr) => {
  while(arr.some(item=>Array.isArray(item))){
    arr=[].concat(…arr);
  }
  return arr;
}
console.log(flatten(arr)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]

普通递归实现

const arr = [1,2,[3,4,5,[6,7],8],9,10,[11,[12,13]]];
const flatten = (arr) => {
  let result = [];
  arr.forEach((item, i, arr) => {
    if (Array.isArray(item)) {
      result = result.concat(flatten(item));
    } else {
      result.push(arr[i])
    }
  })
  return result;
};
console.log(flatten(arr));

高级递归（reduce方法）

const flatten = (array) => array.reduce((acc,cur)=>(Array.isArray(cur)?[…acc,…flatten(cur)]:[…acc,cur]),[])
// toString()
const arr = [1,2,[3,4,5,[6,7],8],9,10,[11,[12,13]]];
const flatten = (arr) => arr.toString().split(',').map((item) => +item);
console.log(flatten(arr));


// [].concat.apply
const arr = [1,2,[3,4,5,[6,7],8],9,10,[11,[12,13]]];

const flatten = (arr) => {
  while (arr.some(item => Array.isArray(item))) {
    arr = [].concat.apply([], arr);
  }
  return arr;
}

console.log(flatten(arr));

---

如何同时发多个请求
promise.all()