JSON.stringify()和$.each()

1.JSON.stringify()

语法:

JSON.stringify(value)

作用:将 JavaScript 对象或数组转换为Json 字符串 ,与之相对的JSON.parse()则可以将JSON字符串转换为JSON对象,以便遍历处理时使用。

比如:

1.对象:

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(student); 

结果:

{"name":"Lanny","age":"25","location":"China"}

2.数组:

var data = [{name:"Lanny",age:"25",location:"China"},
            {name:"billy",age:"22",location:"USA"},
            {name:"lina",age:"28",location:"Japan"}];
JSON.stringify(data);

结果:

'[{"name":"Lanny","age":"25","location":"China"},
{"name":"billy","age":"22","location":"USA"},
{"name":"lina","age":"28","location":"Japan"}]'

2.$.each()

多数是用来遍历数组和对象,比如在一个实际开发的例子中:

var cfg = {
    type : 'point',
    width : 300,
    height : 300,
    data:[
        ['中级' , .4  ,'#ff7676'],
        ['初级' , .2  ,'#ffa3a4', 0 ,'-60%'],
        ['高级' , .3  ,'#99c1ff', '50%' ,'-120%']
         ],
    css : {
         bottom:'20%'
         },
    center : true,
}

现在有一个函数实例需要用到这个数据:

var addComponnet = function(cfg, name ){
    $.each(cfg.data, function(idx, item){
        var point = $('<div class = "point point_'+idx+'">');
        var name = $('<div class = "name">'+item[0]+'</div>');
        var rate = $('<div class="per">'+ (item[1]*100)+'%</div>');
        name.append(rate);
        point.appeng(name);
        /*后续代码*/
        //this指向当前元素的值
        //idx表示当前下标,obj表示当前元素的值
    } )
}

3.$().each

经常用在dom处理上面,比如现在要同时处理很多类型为checkbox的input标签,用$().each就比较方便:

$(“input[name=’go’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//处理代码
 
}

上例中回调函数为function的参数i为遍历索引。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 1,925评论 0 4
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 662评论 0 1
  • 高温39多度的北方,挣扎着从晚高峰的热浪里泅渡回来,看着家里凌乱的床铺,满地,,的杂物,内心被碾压的完全。燥热...
    小位ing阅读 543评论 0 0
  • 在上小学的时候,我家养过几只兔子。这些兔子在我最欢乐的童年时光里留下了很多的印象,我至今仍然很怀念它们。 我忘了一...
    北斗夜凉阅读 354评论 2 2
  • fxghfg4564564564
    Franck阅读 117评论 0 1