子钦加油

扩大
缩小

ECharts图标中用的js相关的处理方法

做ECharts图标,一般都是对后端返回的数据进行处理,以下是我用到的处理方法

一、js快速将字符串数组转化为数字数组(互换)

1、数字数组转化为字符串数组

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String);  //结果: ['1', '2', '3', '4', '5', '6', '7', '8', '9']

 

 2、字符串数组转化为数字数组

var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']
a.map(Number);  //结果:[1, 2, 3, 4, 5, 6, 7, 8, 9]

二、js数组与字符串的相互转换方法

一、数组转字符串

需要将数组元素用某个字符连接成字符串,示例代码如下

var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");

  

二、字符串转数组

实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:

var s = "abc,abcd,aaa";
ss = s.split(",");// 在每个逗号(,)处进行分解。

  

三、Js删除数组中的空值

filter 过滤方法

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
var r = arr.filter(function (s) {
    return s && s.trim(); // 注:IE9(不包含IE9)以下的版本没有trim()方法
});

 

 

四、数组中去除单引号的问题

一、从后台返回数据之后数组中有双引号和单引号,需要去除单引号

 

  二、对得到的数据 const = res.data.chart.isColor;进行遍历

 

 三、最终可得到正常的数据

 

posted on 2022-02-21 14:32  子钦加油  阅读(267)  评论(1编辑  收藏  举报

导航

返回顶部