map（）方法的妙用、data &&data.map（）

  const lineY = useMemo(() => {
    var color = ['rgba(23, 255, 243', 'rgba(119,61,190'];
    //如果data有值则执行&&后面的   如果data为空则不执行
    return (
      data.value &&
      data.value.map((item, index) => {
        return {
          name: item.name,
          type: 'line',
          color: color[index] + ')',
          smooth: true,
          areaStyle: {
            normal: {
              color: new echarts.graphic.LinearGradient(
                0,
                0,
                0,
                1,
                [
                  {
                    offset: 0,
                    color: color[index] + ', 0.3)',
                  },
                  {
                    offset: 0.8,
                    color: color[index] + ', 0)',
                  },
                ],
                false,
              ),
              shadowColor: 'rgba(0, 0, 0, 0.1)',
              shadowBlur: 10,
            },
          },
          symbol: 'circle',
          symbolSize: 5,
          data: item.data,
        };
      })
    );
  }, [data]);

重点1:useMemo()返回一个数值或数据集合

重点2:map()方法返回的是一个数组。数组的结构组成又map（）方法内部的return函数决定 例如上方代码 返回的是[{name,type...},{name2,type2...}]

重点3:data.value &&data.value.map（）//如果data有值则执行&&后面的 如果data为空则不执行