獲取輸入文本,以鍵值對(duì)形式存進(jìn)json里,數(shù)組的操作屬性,json對(duì)象和json對(duì)象數(shù)組相互轉(zhuǎn)換

直接上代碼吧。


$("body").on("click","#submit",function () {? ?//點(diǎn)擊事件

var inputfen =$(".time_fen").val();? ?//獲取input的val

var inputmiao =$(".time_miao").val();

if (inputfen =='' ||inputmiao =='') {

show_toast("不能為空","shibai",1000)

return;

}else {


var numObj = {};? ? ? ? ? ? // 定義一個(gè)空對(duì)象

? ? ? ? var numArr = [];? ? ? ? ?//數(shù)組Key

? ? ? ? var time = [];? ? ? ? ? ? ? ?//數(shù)組value

? ? ? ? $(".input_name .device_01 option:selected").each(function () {? ?//遍歷全部option

? ? ? ? ? ? var key =$(this).text();? ?//定義key

if (key =='') {

return

? ? ? ? ? ? }

if (key) {

numArr.push(key);? //判斷是否有key

}

});

var time_fen =$(".time_fen");

var time_miao =$(".time_miao");

//遍歷

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

//字符串拼接,獲取分和秒的val

time.push(time_fen[i].value +':' +time_miao[i].value);

}

for (var index in numArr) {

//空對(duì)象[鍵值{index}賦值時(shí)間]

numObj[numArr[index]]=time[index];

}

if (JSON.stringify(numObj) =="{}" ){? ? ? ?//判斷對(duì)象是否為空

show_toast("提交不能為空","shibai",1500);

return

? ? ? ? }

console.log(numObj)

}

show_toast("提交成功","chenggong",1500);

});

順便分享幾個(gè)數(shù)組的方法。


1.定義一個(gè)json數(shù)組

?????????? var josnArry=[];

2.? 添加json對(duì)象元素:

? ? ? ? ? ?jsonArry.push(jsonObj);

3、刪除元素

??????????? ? ? ? 1)、delete jsonArry[0];

刪除指定位置元素。注意:不直接直接刪除,而是用null項(xiàng)取代。數(shù)組長(zhǎng)度不變

結(jié)果:[ null],此時(shí)jsonArry[0]的值為undefined,后續(xù)訪問(wèn)數(shù)組時(shí)要考慮刪除后的元素的特殊情況

?????????????????? 2)、splice(index,length):

????????????????????????????? 刪除指定位置開(kāi)始指定個(gè)數(shù)的項(xiàng)

????????????????????????????? 和delete區(qū)別:1、splice直接清空指定項(xiàng),數(shù)組長(zhǎng)度減小。而delete 只是用null項(xiàng)取代原有項(xiàng)

????????????????????????????????????????????????????????? 2、splice可以一次性刪除多項(xiàng)。而delete職能刪除一項(xiàng)


4、循環(huán)訪問(wèn)數(shù)組

? ? ?1. js方法

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

var userId=jsonArry[i].userId;?

? }

2.、ES6

? for(var item in jsonArry){?

var userId=jsonArry[item].userId;? ? //注意:此處的item不是數(shù)組項(xiàng),而是數(shù)組項(xiàng)的索引

? }

5、字符串和json對(duì)象和json對(duì)象數(shù)組相互轉(zhuǎn)換

?????????? var jsonStr="{\"userId\":\"001\"}";

?????????? var jsonArry="[{\"userId\":\"001\"},{\"userId\":\"002\"}]";

????????1、字符串轉(zhuǎn)json對(duì)象或json對(duì)象數(shù)組

?????????? ? ? ?? var jsonObj=JSON.parse(jsonStr);

????????????????var jsonArry=JSON.parse(jsonArry);

? ? ? ? ? ? 2、json對(duì)象或json對(duì)象數(shù)組轉(zhuǎn)字符串

???????????????? var jsonStr=JSON.stringify(jsonObj);

???????????????? var jsonArryStr=JSON.stringify(jsonArry);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 《ijs》速成開(kāi)發(fā)手冊(cè)3.0 官方用戶交流:iApp開(kāi)發(fā)交流(1) 239547050iApp開(kāi)發(fā)交流(2) 10...
    葉染柒丶閱讀 5,617評(píng)論 0 7
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • 《ilua》速成開(kāi)發(fā)手冊(cè)3.0 官方用戶交流:iApp開(kāi)發(fā)交流(1) 239547050iApp開(kāi)發(fā)交流(2) 1...
    葉染柒丶閱讀 11,457評(píng)論 0 11
  • 今天,還是沒(méi)有看見(jiàn)你。 因?yàn)榭床灰?jiàn)你,所以格外想念。 女孩喜歡上男孩,不知道為什么。女孩告訴了全世界,...
    差一點(diǎn)先生922閱讀 224評(píng)論 0 0
  • 本文章轉(zhuǎn)載于搜狗測(cè)試 小明入職已有兩年,期間測(cè)試能力已不知不覺(jué)成長(zhǎng)許多,得到了Leader大熊的高度認(rèn)可?;厥走@兩...
    夜境閱讀 764評(píng)論 0 1

友情鏈接更多精彩內(nèi)容