Сохранение массива значений ключа Javascript

Question

Я здесь сегодня с вопросом, связанным с массивами пар значений.

мой HTML выглядит следующим образом

<input type="checkbox" class="data" id="task_checked" value="1" email="a@a.com"> 
<input type="checkbox" class="data" id="task_checked" value="2" email="b@b.com"> 

Я хотел бы хранить следующие данные как массив, как показано ниже:

"1" => "a@a.com" 
"2" => "b@b.com" 

Мои Javascript в настоящее время выглядит следующим образом:

var newTasksArr = new Array(); 

$("#task_checked:checked").each(function() { 
    var email = $(this).attr("email"); 
    var id = $(this).val(); 
    newTasksArr['id'] = email; 

}); 

Возможно, я использую JQuery .each() неправильно, может кто-то пролить свет на мой вопрос, пожалуйста?

Благодарим вас за чтение. С уважением.

Answer 1

Вы почти правы, вам просто нужно удалить котировки вокруг 'id', чтобы он использовал значение, которое содержит переменная id, а не буквальная строка 'id'.

Вы также должны использовать объект ({}) вместо массива ([]).

var newTasks = {}; 
$("#task_checked:checked").each(function() { 
    var email = $(this).attr("email"); 
    var id = $(this).val(); 
    newTasks[id] = email; 
}); 

Answer 2

два вопроса:

В JavaScript массив может иметь только последовательные, цифровые клавиши. Если вы хотите использовать строки как ключи, вам нужен объект.

Если вы хотите вставить элемент с ключом, равным значению id, тогда вы хотите newTasksArr[id] = email; без кавычек.

Answer 3

Избегайте дублирования идентификаторов в вашей разметке. Следующее должно помочь, однако, возможно, вы захотите tweek селектор jquery включить контекст.

var arr = {}; 

$('input:checked').each(function() { 
    var $t = $(this); 

    var email = $t.attr("email"); 
    if (!email) { 
     // you may wish to do something if email is missing 
    } 

    var id = $t.val(); 
    if (!id) { 
     // deal with the error 
    } 

    arr[id] = email; 
});