json 数组 字符串转换 关联数组使用 清空数组

字符串转对象(strJSON代表json字符串) 
  var obj = eval(strJSON); 
  var obj = strJSON.parseJSON(); 
  var obj = JSON.parse(strJSON)； 
json对象转字符串(obj代表json对象) 
  var str = obj.toJSONString(); 
  var str = JSON.stringify(obj) 
运用时候需要除了eval()以外需要json.js包（切记哦） 

 

测试一个关联数组，添加数据，删除数据

html代码

<span class="btn add">添加数组</span>

      <span class="btn delete">删除数组</span>

js代码

/*从数组中根据元素删除指定的项*/
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};

$(".add").click(function(){

      var arr = [];

      var aa=["id1","id2","id3"]; 

             var c2={

                    "id1":["a","1","2111"],

                    "id2":["a2","12","21112"],

                    "id3":["a3","12","21112"]

                    };

                console.log(c2.id2);

                for(var i=0; i<aa.length; i++){

                    console.log(c2[aa[i]]);

                arr.push(c2[aa[i]]);    

                console.log("arr:"+arr);

            } 

                $(".del").click(function(){

                    arr.remove(c2.id2);

                    console.log("arr删除后:"+arr);

                }) 

}) 

 关联数组的创建与用splice删除数组

删除数组的js

//移除元素

var attrIndexOf = function (target, list, attr) {

    var i = 0, l = list.length;

    for (i = 0; i < l; i += 1) {

        if (list[i][attr] == target) {

            return i;

        }

    };

    return -1;

};

var removeItem = function (id) {

    var pos = attrIndexOf(id, newArray, 'dataid');

    if (pos !== -1) {

        newArray.splice(pos, 1);

    };

};

attrIndexOf方法确定当前要移除的数组的位置

removeItem 方法移除数组元素

 

去重添加数组元素

if(jQuery.inArray(ObjData, ObjArr)==-1){//如果-1 在选中时push添加

   ObjArr.push(ObjData);    

 }  

ObjArr是数组，

ObjData是要插入数组的元素

inArray方法为-1的时候代表ObjArr数组中还没有ObjData元素，就可以push到数组

创建二维数组

var newArray = [];

var prdArray = [];

        $("#prdlist").delegate("li","click",function(){ 

            var _t=$(this);

            var dataid=_t.data("id");//或许选中的商品id

            var id = "a"+dataid;

            var pic = _t.find(".pic img").attr("src");

            var title = _t.find(".title").html();

            var price = _t.find(".price").html();

            prdArray = {dataid:dataid,pic:pic,title:title,price:price};

            checkedEle(_t,prdArray,newArray,0);//执行选择

            console.log("%c newArray:"+newArray,"background:#c00;color:#fff");

            console.log("%c "+newArray.length,"background:#c00;color:#fff");

            /* 预览区域 */

            var prehtml = "";

            var aLen=newArray.length;

            if(aLen>0){

                for(var i=0;i<aLen;i++)    { 

                    var dataid = newArray[i]['dataid'];

                    var pic = newArray[i]['pic'];

                    var title = newArray[i]['title'];

                    var price = newArray[i]['price'];

                    prehtml += "<li data-id='"+dataid+"' id='p"+dataid+"'>"

                                +"<a href='javascript:void(0);'>"

                                +"<span class='move_area'><i class='layer_icon_move' title='点击我可以拖拽排序哦'></i></span>"

                                +"<div class='prdinfo'>"

                                +"<div class='pic'><img src='"+pic+"'></div>"

                                +"<div class='prd-desc'>"

                                +"<p class='title'>"+title+"</p>"

                                +"<p class='price'>"+price+"</p></div>"

                                +"</div>"

                                +"<div class='cancleprd'>X</div>"

                                +"</a></li>";

                }

            }

            $("#previewprd ul").html(prehtml);

        });

以上代码，有很多个这样的元素，属性和值不同，点击某个元素，获得当前元素的一些属性值，将它放在一个一维数组prdArray 中，checkedEle是去重添加数组，将一维数组prdArray当成元素push给新数组newArray。

$("#previewprd ul")里面放由数组拆成的元素重新组合成的html，数组拆出值用for循环var dataid = newArray[i]['dataid'];   这里必须是单引号，双引号和无引号都不行。

 

 

清空数组方法

方式1，splice

var ary = [1,2,3,4];

ary.splice(0,ary.length);

console.log(ary); // 输出 []，空数组，即被清空了

方式2，length赋值为0

这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如

int[] ary = {1,2,3,4};

ary.length = 0;

Java中会报错，编译通不过。而JS中则可以，且将数组清空了，

var ary = [1,2,3,4];

ary.length = 0;

console.log(ary); // 输出 []，空数组，即被清空了

方式3，赋值为[]

var ary = [1,2,3,4];

ary = []; // 赋值为一个空数组以达到清空原数组

这里其实并不能说是严格意义的清空数组，只是将ary重新赋值为空数组，之前的数组如果没有引用在指向它将等待垃圾回收。