子钦加油

扩大
缩小

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

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

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

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

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

 

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

1
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数组与字符串的相互转换方法

一、数组转字符串

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

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

  

二、字符串转数组

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

1
2
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   子钦加油  阅读(290)  评论(1编辑  收藏  举报

相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
返回顶部
点击右上角即可分享
微信分享提示