# JavaScript 状态模式

在前端开发中，状态管理是一个非常重要的问题。

随着应用程序的复杂度不断增加，状态管理变得越来越困难。

JavaScript 状态模式是一种优雅的解决方案，可以帮助我们更好地管理状态。

本文将介绍 JavaScript 状态模式的基本概念和使用方法，并通过一个实际的例子来说明如何使用状态模式来管理状态。

箭头函数是 ES6 中引入的新特性，它使我们在编写函数表达式的语法更加简洁。虽然普通函数和箭头函数的工作方式类似，但是它们之间还是存在一些差异。

# 语法

// ES5

var add = function(x, y) {

  return x + y;

};

// ES6

let add = (x, y) => { return x + y };

# map()

map() 方法返回一个新数组，数组中的元素为原数组元素调用函数处理后的值。

接收参数：一个具有三个参数的回调函数。

• current value：数组当前元素
• index：数组当前元素的索引
• arr：原数组本身

返回值：返回一个新数组，数组元素由回调函数返回的结果组成。

let list = [1, 2, 3, 4]

let res = list.map(item => item * 2)

console.log(res) // [2, 4, 6, 8]

# 数组转对象

通用方法

const arr = [['name', 'Alice'], ['age', 30]]

const obj = Object.fromEntries(arr)

将数组转换为对象最快的方法

var person = ['arrary', 'number', 'string']

console.log({...person}) // {0: "arrary", 1: "number", 2: "string"}

# 使用对象代替条件 if 判断

在某些条件下，我们需要根据变量的值来调用不同的函数或者赋值。一般我们遇到这种情况可能会写大量的 if 条件判断块，但是大量的 if 代码不利于代码阅读和理解，有些时候我们可以使用对象来解决此问题。