JavaScript中的自动递增字符串

在JavaScript中，我们有时候需要生成一些自动递增的字符串，比如订单号、流水号等等。这时候，使用自动递增字符串就能够方便快捷地实现。

实现方式

实现自动递增字符串的方式有很多种，下面我将介绍几种较为常用的方式。

方式一：使用计数器

这种方式比较直接，使用一个计数器（counter）变量，每次生成字符串时将计数器+1，将计数器转换为字符串，并与前面的字符串拼接即可。

let counter = 0;
function generateOrderNo() {
  counter++;
  return 'ORDER' + ('00000000' + counter).slice(-8);
}
console.log(generateOrderNo()); // ORDER00000001
console.log(generateOrderNo()); // ORDER00000002
console.log(generateOrderNo()); // ORDER00000003

方式二：使用ES6中的Generator函数

Generator函数是ES6中新增的一种函数类型，能够让我们在函数执行过程中，暂停函数的执行，并返回一个迭代器对象（Iterator）。我们可以利用这一特性来实现自动递增字符串。

function* generateIdMaker() {
  let index = 1;
  while(true)
    yield 'ID' + ('00000000' + index++).slice(-8);
}
const idMaker = generateIdMaker();
console.log(idMaker.next().value); // ID00000001
console.log(idMaker.next().value); // ID00000002
console.log(idMaker.next().value); // ID00000003

方式三：ES6中的Symbol.iterator和自定义对象

利用ES6中的Symbol.iterator函数和自定义对象，我们也可以实现自动递增字符串。

const idMaker = {
  [Symbol.iterator]() {
    let index = 1;
    return {
      next: () => ({
        value: 'ID' + ('00000000' + index++).slice(-8),
        done: false
      })
    };
  }
};
const iterator = idMaker[Symbol.iterator]();
console.log(iterator.next().value); // ID00000001
console.log(iterator.next().value); // ID00000002
console.log(iterator.next().value); // ID00000003

总结

自动递增字符串是我们在JavaScript中经常需要用到的一个功能，通过本文介绍的方式，我们可以方便地实现该功能。当然，在实际开发中，我们还可以根据实际需求，选择更加简洁、高效的方式来实现自动递增字符串。