js 把字符串转化为数组对象

简介:

js 中如何把一个普通的字符串转化为数组对象呢?

例如:

Js代码   收藏代码
  1. var jsonStr='[ 1,2, 3 ,"whuang" ]';  

 如何把jsonStr转化为Array对象呢?

我自己写了一个js方法来实现这个功能

Js代码   收藏代码
  1. function string2Array(stringObj) {  
  2.     stringObj = stringObj.replace(/\[([\w, ]*)\]/, "$1");  
  3.     if (stringObj.indexOf("[") == 0) {// if has chinese  
  4.         stringObj = stringObj.substring(1, stringObj.length - 1);  
  5.     }  
  6.     var arr = stringObj.split(",");  
  7.     var newArray = [];//new Array();  
  8.     for ( var i = 0; i < arr.length; i++) {  
  9.         var arrOne = arr[i];  
  10.         newArray.push(arrOne);  
  11.     }  
  12.     // console.log(newArray);  
  13.     return newArray;  
  14. };  

 

测试:

Java代码   收藏代码
  1. var jsonStr='[ 1,2, 3 ,"whuang" ]';  
  2. console.log(string2Array(jsonStr));  

 

运行结果:

 思路:通过正则表达式的知识来解析字符串,主要使用了replace和split.

 

 

还有另外一种更好的方式

Js代码   收藏代码
  1. /*** 
  2.  * convert string to Array object 
  3.  * right input:var jsonStr='[1,2, 3,"whuang"]'; 
  4.  * wrong input:var jsonStr='[1,2, 3,whuang]'; 
  5.  * @param arrStr 
  6.  */  
  7. function parseArray(arrStr) {  
  8.     var tempKey = 'arr23' + new Date().getTime();//arr231432350056527  
  9.     var arrayJsonStr = '{"' + tempKey + '":' + arrStr + '}';  
  10.     var arrayJson;  
  11.     if (JSON && JSON.parse) {  
  12.         arrayJson = JSON.parse(arrayJsonStr);  
  13.     } else {  
  14.         arrayJson = eval('(' + arrayJsonStr + ')');  
  15.     }  
  16.     return arrayJson[tempKey];  
  17. };  

 测试:

Js代码   收藏代码
  1. var jsonStr='[ 1,2, 3 ,"whuang" ]';  
  2. console.log(parseArray(jsonStr));  

 运行结果:

[123"whuang"]

思路:把数组字符串拼装成为json字符串,然后通过js内置方法反序列化为对象.

 

注意:使用parseArray方法时

正确的参数:'[1,2, 3,"whuang"]'

错误的参数:'[1,2, 3,whuang]'

参考:http://blog.csdn.net/hw1287789687/article/details/45916001

相关文章
|
8天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
8天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
8天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
18天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
|
11天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
8天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
1天前
|
JavaScript 前端开发
js字符串拼接
js字符串拼接
|
1天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查
|
2天前
|
JavaScript 数据处理 索引
js字符串截取
js字符串截取
19 11
|
3天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
6 0