Kullanıcı 3 girişleri her doldurduğunda bir dizinin içinde otomatik olarak bir nesne nasıl oluşturulur? kullanıcı ad ve soyadı ve adresini doldurunuz

Question

her zaman komut dosyası bu değerleri alıp 3 proprieties

FirstName = FirstName.value; 
    LastName = LastName.value; 
    Adress = Adress.value; 

içeren ve ilk nesnenin içine tema koyacağız girer kullanıcı eklemek istediğinizde yeni iletişim, bu yeni değerler, ilk nesnenin içinde yer aldıkları eskileri değiştirmemeli, yeni değerler yeni bir nesne üzerinde olmalı ve her kullanıcı 3 girdiyi

doldurduğunda bunu yapmaya devam ediyorum. bu nasıl yapılır?

Answer 1

Bunu tüm tutan bir JS komut dosyasını kullanabilirsiniz, ancak verileri tutmak için isterseniz bir kalıcılık sağlayıcı (sunucu tarafında dosya, veritabanı, vb) uygulamak gerekir sonra:

var array[]; 

Bu dizinin aşağıdaki kodda anlamlandırılmaması gerekir, ancak daha kolay hale getirmek için bunu global kapsamda kullanmanız önemlidir.

sonra başında çalıştırılan bir işlev bildirmek ve:

var button = $('#buttonAddContact'); 
button.addEventListener('click', function(){ 
    var obj = new Contact(); // fill it now 
    array.append(obj); 
}); 

bu sözde kod, ama size algoritmayı verecektir. Dizide, geçerli oturumlar için kullanıcı tarafından eklenen tüm kişileriniz olacak.

(ve örneğin jQuery kullanmıyorsanız adapte gerekecek)

Answer 2

Global Diziyi kullanabilirsiniz

var data = []; değerleri değiştirilir kez

bu diziye değerleri atar. Array zaten bu değeri kontrol teslim sırasında

.

function ExistsInarray(array, value) { 
    for(var i=0;i<array.length;i++) { 
     if(array[i][0].id === value) 
     { 
     value already there... 
     } 
     else 
     return true; 
    } 

Answer 3

Her zaman kullanıcı basın gönder düğmesi ve dizi içinde saklayın Person yeni örneği oluşturabilir, ama yine de bu yerde

var Person = function(firstName, lastName, adress) { 
 
    this.firstName = firstName; 
 
    this.lastName = lastName; 
 
    this.adress = adress; 
 
} 
 

 
var persons = []; 
 

 
$('#submit').click(function() { 
 
    var first_name = $('#firstName').val(); 
 
    var last_name = $('#lastName').val(); 
 
    var adress = $('#adress').val(); 
 

 
    if (first_name != '' && last_name != '' && adress != '') { 
 
    persons.push(new Person(first_name, last_name, adress)); 
 
    } 
 
    console.log(persons); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="firstName"> 
 
<input type="text" id="lastName"> 
 
<input type="text" id="adress"> 
 
<input type="submit" id="submit" value="Submit">