arrify：一个处理空值、字符串和非数组对象的实用工具

2023-09-22 04:32:29

引言

在编写JavaScript代码时，经常需要处理各种数据类型，包括空值、字符串、数组和其他对象。虽然数组提供了强大的数据结构，但将其他类型的数据转换为数组可能是一项繁琐且容易出错的任务。

arrify 函数应运而生，解决了这个痛点，它提供了一种简单而优雅的方式来规范化不同的输入类型为数组。

如何使用 arrify 函数

arrify 函数接受一个参数，它可以是任何类型的数据。它将返回一个数组，其元素是输入中的非空值。

示例：

const input = null;
const result = arrify(input); // []

const input2 = undefined;
const result2 = arrify(input2); // []

const input3 = 'Hello, world!';
const result3 = arrify(input3); // ['Hello, world!']

const input4 = { name: 'John Doe' };
const result4 = arrify(input4); // [Object { name: 'John Doe' }]

如示例所示，arrify 函数将 null 和 undefined 值转换为空数组，将字符串转换为包含该字符串的单元素数组，并将对象转换为包含该对象的单元素数组。

内部实现

arrify 函数的内部实现非常简单，它使用条件语句来检查输入的类型，并根据输入类型应用适当的转换。以下是伪代码表示：

if (input is null or undefined) {
  return [];
} else if (input is a string) {
  return [input];
} else if (input is an object) {
  return [input];
} else {
  return input;
}