博客

一般来说字符串拼接我们会直接去将String相加，前端一般不考虑效率问题，但是如果数据量大，我们还是要考虑那么亿点点；

这里我们来测试一下字符串拼接和数组拼接后利用join方法生成字符串的效率；

我们这里想要生成”a,b,c,d,e,f,g·····”，逗号相隔的字符串

上代码，测效率；

  //生成随机数组，10000长度
  let arr = Array(10000);
  for (let i = 0; i < arr.length; i++) {
    let obj = {
      index: Math.random(),
    }
    arr[i] = obj
  }
  //字符串耗时
  console.time('字符串耗时：');
  let stringResult = stringMethod(arr);
  console.timeEnd('字符串耗时：');
  //数组耗时
  console.time('数组耗时：');
  let arrayResult = arrayMothod(arr);
  console.timeEnd('数组耗时：');

  /** 字符串拼接 */
  function stringMethod(params) {
    let result = "";
    params.forEach((param) => {
      result = result + param.index + ",";
    });
    let len = result.length
    return result.slice(0, len - 1)
  }
  /** 数组拼接 */
  function arrayMothod(params) {
    let result = [];
    params.forEach((param) => {
      result.push(param.index)
    })
    return result.join(",")
  }

//输出结果
//字符串耗时：: 12.705078125 ms
//数组耗时：: 3.537109375 ms

讲真的差别不是很大，可能是拼接的复杂度，和数据量的问题，大家可以改变拼接样式和数据量，试试效率问题。