简单知识点实例之一:如何将各个单一获取的数据存储为数组对象并将其取出

前端之家收集整理的这篇文章主要介绍了简单知识点实例之一:如何将各个单一获取的数据存储为数组对象并将其取出前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、将获取的值存为数组或数组对象

(1)存为数组(例如所有怪物的id值可以存为数组)

是以逗号隔开的,建议用到存单个特定值时用(如光存id值时)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <Meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="js/jquery-1.11.1.js"></script>
  7. <script>
  8. window.onload = function () {
  9. //获取各个输入框的值
  10. var ids = $("#inputId").val();
  11.  
  12. //定义一个空数组
  13. var arryList = new Array();
  14.  
  15. //将获取的值存为数组
  16. arryList.push(ids);
  17. alert(arryList);
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <input type="text" value="123456" id="inputId"/>
  23. </body>
  24. </html>


取值:直接可以用for循环对比里面的值即可

(2)存为对象(例如一个怪物的所有属性值可以存为对象:id,type,name)

如果有多条数据,会以序号分别列出来。建议以此去多个值混合的多条数据。这样取值方便很多。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <Meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="js/jquery-1.11.1.js"></script>
  7. <script>
  8. window.onload = function () {
  9. //获取各个输入框的值
  10. var ids = $("#inputId").val();
  11. var names = $("#inputName").val();
  12. var types = $("#inputType").val();
  13.  
  14. //定义一个对象
  15. var obj = new Object();
  16.  
  17. //将获取的值存入对象
  18. obj.id = ids;
  19. obj.name = names;
  20. obj.type = types;
  21. console.log(obj);
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <input type="text" value="123456" id="inputId"/>
  27. <input type="text" value="我是输入框的名字" id="inputName"/>
  28. <input type="text" value="0" id="inputType"/>
  29. </body>
  30. </html>

取值:XXX.id XXX.name XXX.type即可(i是序号)

(3)存为数组对象(例如多个怪物的多个属性值可以存为数组对象:id,name,type)

何为数组对象?就是数组包裹着对象的数据形式

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <Meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="js/jquery-1.11.1.js"></script>
  7. <script>
  8. window.onload = function () {
  9. //获取各个输入框的值
  10. var ids = $("#inputId").val();
  11. var names = $("#inputName").val();
  12. var types = $("#inputType").val();
  13.  
  14. //定义一个空数组
  15. var arryList = new Array();
  16. //定义一个对象
  17. var obj = new Object();
  18.  
  19. //将获取的值存入对象
  20. obj.id = ids;
  21. obj.name = names;
  22. obj.type = types;
  23. arryList.push(obj);
  24. console.log(arryList);
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. <input type="text" value="123456" id="inputId"/>
  30. <input type="text" value="我是输入框的名字" id="inputName"/>
  31. <input type="text" value="0" id="inputType"/>
  32. </body>
  33. </html>

取值:XXX[i].id XXX[i].name XXX[i].type即可(i是序号)

猜你在找的设计模式相关文章