状态转换 --- map() 方法

在实际项目中，我们经常会遇到这样一种情况：后端传过来的数据是数字，数据库存入的也是数字，而前端界面需要展示的是文字，这样前端操作人员（用户）才能够简洁明了的知道其含义。

要实现这种需求，就要在前端展示时将数字转换成其对应的文字，用户输入或选择之后，又要将其转换成相应的数字存入数据库。

以下需求要做状态转换：1 --- 启用；2 --- 禁用

以上转换用到了 map() 方法，具体用法如下：

• map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值
• map() 方法按照原始数组元素顺序依次处理元素
• map() 方法不会改变原数组
• map() 方法不会对空数组进行检测

示例：

const arrNum= [1, 3, 5, 7]; 
const arrNum1 = arrNum.map(item => item+2) 
console.log(arrNum) // [1, 3, 5, 7] 
console.log(arrNum1) // [3, 5, 7, 9]