簡單知識點例項之一：如何將各個單一獲取的資料儲存為陣列物件並將其取出
阿新 • • 發佈：2018-11-01
一、將獲取的值存為陣列或陣列物件
（1）存為陣列（例如所有怪物的id值可以存為陣列）
是以逗號隔開的，建議用到存單個特定值時用（如光存id值時）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.1.js"></script> <script> window.onload = function () { //獲取各個輸入框的值 var ids = $("#inputId").val(); //定義一個空陣列 var arryList = new Array(); //將獲取的值存為陣列 arryList.push(ids); alert(arryList); } </script> </head> <body> <input type="text" value="123456" id="inputId"/> </body> </html>
取值：直接可以用for迴圈對比裡面的值即可
（2）存為物件（例如一個怪物的所有屬性值可以存為物件：id,type,name）
如果有多條資料，會以序號分別列出來。建議以此去多個值混合的多條資料。這樣取值方便很多。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.1.js"></script> <script> window.onload = function () { //獲取各個輸入框的值 var ids = $("#inputId").val(); var names = $("#inputName").val(); var types = $("#inputType").val(); //定義一個物件 var obj = new Object(); //將獲取的值存入物件 obj.id = ids; obj.name = names; obj.type = types; console.log(obj); } </script> </head> <body> <input type="text" value="123456" id="inputId"/> <input type="text" value="我是輸入框的名字" id="inputName"/> <input type="text" value="0" id="inputType"/> </body> </html>
取值：XXX.id XXX.name XXX.type即可(i是序號)
（3）存為陣列物件(例如多個怪物的多個屬性值可以存為陣列物件:id,name,type)
何為陣列物件？就是陣列包裹著物件的資料形式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.1.js"></script> <script> window.onload = function () { //獲取各個輸入框的值 var ids = $("#inputId").val(); var names = $("#inputName").val(); var types = $("#inputType").val(); //定義一個空陣列 var arryList = new Array(); //定義一個物件 var obj = new Object(); //將獲取的值存入物件 obj.id = ids; obj.name = names; obj.type = types; arryList.push(obj); console.log(arryList); } </script> </head> <body> <input type="text" value="123456" id="inputId"/> <input type="text" value="我是輸入框的名字" id="inputName"/> <input type="text" value="0" id="inputType"/> </body> </html>
取值：XXX[i].id XXX[i].name XXX[i].type即可(i是序號)