js处理json以及字符串的比较等常用操作

射流研究…处理json格式的插入、修改、删除，以及字符串的比较等常用操作演示1: json格式的插入、删除复制代码代码如下： html标题/标题脚本语言=' JavaScript '函数change(){ var obj=document。getelementbyid(' floor ')；if (document.getElementById('qu ').value==' 1 '){ var t=document。创建元素(' OPTION ')；' t.text='第五楼；t.value=' 5obj。添加(t)；} else if(文档。getelementbyid(' qu ').value==' 2 '){ for(var I=0；iobj . lengthi){ if(obj . options[I]).value==' 5 '){ obj。去掉(一)；返回；} } } }/script/head body form id=' form 1 ' name=' form 1 ' method=' post ' action=' select multiple=' multiple ' name=' qu ' id=' qu ' onchange=' change()' style=' width : 150 px；'高度： 300像素选项值='请选择所在区-请选择所在区-/选项选项值='1 '南开区/option选项值='2 '红桥区/option/select multiple=' multiple ' name=' floor ' id=' floor ' style=' width : 150 px；'高度： 300像素选项值='请选择楼层-请选择楼层-/选项选项值='1 '第一楼/option选项值='2 '第二楼/option选项值='3 '第三楼/option选项值='4 '第四楼/选项/选择/表单/正文/html运行结果

演示2:复制代码代码如下：DOCTYPE html html脚本语言='javascript '函数toLeft(){ var list 1=文档。getelementbyid(' list 1 ')；var列表2=文档。getelementbyid(' list 2 ')；for(var I=列表2。选项。长度-1；I=0；i - ) { if(list2.options[i]).selected==true){ var op=文档。创建元素('选项')；op.text=list2.options[i].文本；op.value=list2.options[i].价值；清单1。添加(执行部分第10段)；清单2。去掉(一)；} } }函数TOright(){ var list 1=document。getelementbyid(' list 1 ')；var列表2=文档。getelementbyid(' list 2 ')；for(var I=列表1。选项。长度-1；I=0；i - ) { if(list1.options[i]).selected==true){ var op=文档。创建元素('选项')；op.text=list1.options[i].文本；op.value=list1.options[i].价值；清单2。添加(执行部分第10段)；清单1。去掉(一)；} } }函数submit(){ var list 2=文档。getelementbyid(' list 2 ')；var innerStr=for(var I=0；我列出了2 .选项。长度；I){ innerStr=I '-'列表2。选项[一].text ' : ' list2.options[i].值/br '；} var wt=文档。getelementbyid(' wt ')；wt . innerHTMl=innerSTr }/脚本/头体div选择multiple=' multiple ' id=' list 1 ' style=' width : 500 px；高度： 100像素；选项值=' Volvo ' Volvo/选项值=' Saab ' Saab/选项值=' Opel ' Opel/选项值=' Audi ' Audi/选项/选择输入类型=' button '值=' onclick=' toRight()；submit()'/input type=' button ' value=' onclick=' toLeft()；submit()'/select multiple=' multiple ' id=' list 2 ' style=' width : 500 px；高度： 100像素；选项值='沃尔沃'沃尔沃/选项值='北京汽车股份有限公司'北京汽车股份有限公司/选项值='欧宝'欧宝/选项值='奥迪'奥迪/选项/选择输入类型='按钮'值=' submit ' onclick=' submit()'/div id=' wt '/div/body/html运行结果

演示3: json我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊~我爱你~魏冄~我爱你~你好，朱庇特先生你好绿筠小姐： html head title-homer demo/title/head body输入类型=' button ' id=' parse '值=' parse JSON ' onclick=' parse JSON()'/div id=' txt '/脚本类型=' text/JavaScript '函数parse JSON(){ var txt=document。getelement byid(' txt ')；var JSON data=' { ' name ' : ' it-homer '，' age ' 333065var字段='；if(jsondata。length=0){ JSON data=' { } '；} var jsonbj=JSON。parse(JSON data)；//确定//var JSON bj=eval(" JSON data ")；//确定//var jsonbj=jsondata。解析JSON()；//错误字段=' name=' jsonbj。姓名；场=,年龄=' jsonobj .年龄；jsonbj['性']='男孩；//添加json，{'name':'it-homer '，' age ' :25，' sex ' : ' boy ' }//createjson(JSON bj，' sex '，' boy ')；JSON数据=JSON。stringify(JSON bj)；//确定//jsondata=jsonbj。to sconstraint()；//错误var sex='；if(jsonbj。长度0){ sex=jsonbj。性；} txt。内部html=field '/br ' JSON data；createjson函数(jsonbj，key，value){ if(值类型===undefined){ delete JSON bj[key]；} else { JSON bject[key]=value；}/脚本/正文/html阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏：(9502 .163 .com)

演示4:朱庇特朱庇特朱庇特，张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强、张永强，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，喂，你好{1,2,4}切{1、2、3、4、5}阿云你好绿筠小姐： html head title-homer demo/title/head body输入类型=' button ' id=' parse '值=' parse JSON ' onclick=' parse JSON 222()'/div id=' txt '/脚本类型=' text/JavaScript '函数parse JSON 222(){ var txt=document。getelement byid(' txt ')；第二、四、二十一、五、二十二、八、七、二十三、九、十一、十二、十三、六十一条：-伊甸园字幕组=-翻译：-伊甸园字幕组=-翻译：-伊甸园字幕组=-翻译：var diff=diff(jsondata _ old、jsonData_new):txt。inner html=diff:print array(' diff '，diff):}函数dijson(jsondata _ old，JSON data _ new){ var diff='；var old数组=jsondata _ old。拆分(“”)；var newarray=jsondata _ new。拆分(“”)；var old len=old array . length:var newLen=new array . length:var minLen=math . min(old len，newLen)；if(min len==newlen){ tmparray=new array；//交换阵列new array=oldarrayodarray=tmparraynlen=old len/交换阵列长度old len=min len } print array(' new array，new array)；printArray('oldArray '，旧数组)；var arr=[]:for(I=0)；不劳而获；(一){ var j=0；for(j=0)；约兰德伦先生；(j){ if(new array[I]==old array[j]){ break；} } if(j==old len){ arr。push(new array[I])；} }返回arr}函数printArray(标记，arr){ var len=arr。长度；document . write(' br '):document . write(标记3330 ' arr。tostring())；}/脚本/正文/html阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏：(9503 .163 .com)

演示5:你好绿筠小姐： html标题文字样式/标题样式类型=' text/CSS ' # adddeltextid { float 3330 clean；} normal { font-style : normal；颜色： # 000000;}添加{字体样式： normal颜色： # cc 0000 } del { font-style : normal；彩色： #0000 ff文本装饰3330线通过；}/style/head body on load=' init load()' text area id=' text reaid ' name=' AAA cols=' 50 ' row=' 5 '/text reabr/div id=' normal text id ' style=' float : left '唉呀，你好，-你好/div add div id='添加文本id ' style='左浮动： '，魏冄/div/add deldiv id='delTextId '，何如，c .-，你好/div/del/div输入类型=' button ' value=' click me ' onclick=' hh()'脚本语言=' JavaScript ' var text reaid=document。get element byid(' text reaid ')；var adddeltextid=document。getelement byid(' adddeltextid ')；var标准文本id=文档。getelement byid('普通文本id ')；var addtextid=document。getelement byid(' addtextid ')；var del text id=文档。获取元素byid(' del text id ')；函数init load(){ adddeltext=普通文本id。内部html addtext id。内部html短信回复了。内部html=add del text:}函数hh(){ adddeltextunc(true，it-homer)]；adddeltextunc(false，“sunboy _ 2050”)；}函数adddeltextunc(isadd，txt){ if(isadd){//add addtextid。intrahtml=txt} else {//del text id。intrahtml=txt} adddeltext=普通文本id。内部html addtext id。内部html短信回复了。内部html=add del text:}/script/body/html阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏阿苏：(9504 .163 .com)