JavaScript如何将字符串列表转为数组 初学者实现数字反转遇阻

核心疑问解答：原生JS如何将字符串/类列表结构转为标准数组 #

此前两种实现方案失效的原因 #

• Object.assign：该方法的核心作用是将源对象的属性复制到目标对象，本身不具备类列表、字符串转标准数组的能力，强行使用得到的结果是普通对象结构，无法调用数组专属的reverse、map等方法
• .toArray()：这是jQuery等第三方工具库的专属API，纯原生JavaScript环境下没有内置这个方法，直接调用会触发undefined is not a function的运行报错

字符串/类列表转数组的原生实现方案 #

• 字符串转数组：调用字符串内置的split()方法，传入空字符串作为分隔符即可完成逐字符拆分

// 示例：将用户输入的数字字符串转为字符数组
const inputContent = "123456";
const contentArr = inputContent.split(""); // 输出结果为 ['1','2','3','4','5','6']

• DOM集合、arguments等类列表结构转数组：
• 使用ES6提供的Array.from()方法，这是官方专门用于类列表、可迭代对象转数组的API，覆盖所有现代前端运行环境

```js
// 示例：将页面上所有输入框DOM集合转为可操作的数组
const domInputList = document.querySelectorAll("input");
const inputArr = Array.from(domInputList);
```

• 使用扩展运算符展开写法，实现效果和Array.from()完全一致

```js
const inputArr = [...document.querySelectorAll("input")];
```

输入反转功能的完整实现流程 #

1. 绑定输入框取值事件，获取用户输入的原始字符串
2. 用split('')把原始字符串拆成单字符组成的标准数组
3. 调用数组内置的reverse()方法完成顺序反转
4. 用join('')把反转后的数组重新拼接为字符串，渲染到页面指定展示区域

关键注意点：字符串本身没有内置的reverse方法，所有顺序反转操作必须在标准数组对象上执行，直接对字符串调用反转方法必然报错

内容的提问来源于stack exchange，提问作者Rayyan Imam