捕獲表單數據：變量還是數組？

Question

我有一個包含約20個輸入字段的表單。我捕獲這些字段的值，然後進行一些計算並輸出多個值。

是否有捕獲形式數據的一個優選的/推薦的方法是什麼？目前我將每個表單字段存儲到一個單獨的變量中。我想知道是否將它存儲到數組將是更好和更有效的方法。

我對JavaScript和編程一般都很陌生，試圖學習最佳實踐。

Answer 1

我的最佳實踐取決於我對數據的處理方式。如果我不需要遍歷它，或者將它發送到另一個頁面/服務，那麼單個scoped變量沒有任何問題。

如果我需要循環，我通常使用數組或對象來循環。

如果我必須將它傳遞給另一個頁面/服務，我會創建一個對象變量來封裝其餘的部分，這樣我就可以將它「字符串化」爲JSON並解析回另一端的對象。

只是我認爲，

皮特

Answer 2

您可能會考慮第三種方法 - 只使用表單中的數據而不將它存儲在任何位置。

首先檢查正確性，一旦它被認爲是正確的只是使用你擁有的。

Answer 3

你應該始終分配屬性 「名稱= ...」 來輸入元素，因此您可以使用類似：

var form = document.forms['form']; 
var email = form['email']; 
email = do something 

如果你使用javascript ...如果你使用jquery它很簡單$（'input [name =「email」]'）=做某事

我更喜歡這種方式，因爲你可以調用變量的名字而不是數字， mple「form [0]對應於輸入[name =」email「]」。

Answer 4

使用的array S IN JavaScript的關聯性來獲得的唯一字段名和OOP的好處：

var formModel = new Array(); 

formModel['myField'] = getMyFieldValue(); // make 'myField' index to any object 

然後，你可以做這樣的事情：

• formModel['myField'] // get the value
• formModel.length; // number of fields added
• for (entry in formModel) { /* loop thru entries */ }
• formModel.sort([compareFunction]) // custom sort
• formModel = []; // clear the model
• Convert array to JSON
• 任何這些Array^MDN便利設施。

只是一種方法，但在JS中的數組是非常靈活的和IMO在JS中使用不足的對象。