JavaScript 中的枚举器

Shraddha Paghdar 2023年10月12日
  1. 在 JavaScript 中使用数组创建枚举器
  2. 在 JavaScript 中使用 for 循环创建一个枚举器
JavaScript 中的枚举器

枚举是 C 语言中最流行的自定义数据类型之一,它允许对整数常量进行命名,使程序易于阅读和维护。Native JavaScript 没有传统的 Enum 数据类型,而是在 TypeScript 中引入。

在今天的帖子中,我们将了解原生 JavaScript 中的枚举器。

在 JavaScript 中使用数组创建枚举器

JavaScript 数组是具有预定义属性的特殊对象。这些是可以分配给作为输入参数传递的值的数值属性。

JavaScript 提供了几种处理数组的方法。一些最流行的数组方法是 .push().pop().map().reverse() 等。

JavaScript 中的 indexOf

这是 JavaScript 的内置方法。此方法采用数组值并通过遍历整个数组返回索引/属性。

如果找到多个匹配值,则返回第一个匹配值索引。如果没有找到值,则返回 -1。执行的搜索操作是使用 === 运算符的 strict 搜索。

语法:

indexOf(searchElement)
indexOf(searchElement, fromIndex)

此方法遍历数组以查找作为输入传递的 searchElement。我们从某个索引开始搜索,然后传递 fromIndex

这个 fromIndex 跳过指定索引之前的元素并从此索引开始搜索。如果此索引在数组范围之外,则返回 -1,这意味着无法搜索该值。

有关更多信息,请阅读有关 indexOf 方法的更多信息。

const osConfig = ['Linux', 'MacOS', 'Windows', 'Ubuntu'];
console.log(osConfig.indexOf('Linux'));

在上面的示例代码中,我们定义了 OS 数组的四个值。当你传递 indexOf("Linux") 时,它将迭代 osConfig,检查 osConfig 中的所有值。

上面代码的输出将如下所示。

输出:

0

在 JavaScript 中使用 for 循环创建一个枚举器

创建枚举的另一种方法是使用 for 循环。

用户可以创建接受输入参数的函数,并使用 for 循环遍历这些参数。然后使用每个参数创建对象,以键为参数,以值为索引或迭代次数。

function Enum() {
  for (let i = 0; i < arguments.length; ++i) {
    this[arguments[i]] = i;
  }
  return this;
}
const config = {};
config.type = new Enum('Linux', 'MacOS', 'Windows', 'Ubuntu');

console.log(config);
console.log(config.type.Linux);

在上面的例子中,我们创建了 Enum 函数,它接受参数并一个一个地迭代参数,创建本地对象。当你运行上面的代码时,你将获得以下输出。

输出:

{ type: Enum { Linux: 0, MacOS: 1, Windows: 2, Ubuntu: 3 } }
0
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn