jQuery를 사용하여 배열에 요소 추가
Habdul Hazeez
2023년10월12일
jQuery에서 배열에 요소를 추가하려면 jQuery에서 .push() 및 .merge() 메서드를 사용할 수 있습니다. 이 문서에서는 실용적인 코드 예제를 사용하여 두 가지 방법을 모두 사용하는 방법을 설명합니다.
.push() 메서드를 사용하여 배열 요소 추가
jQuery에서 .push() 메서드를 사용하여 배열에 요소를 추가할 수 있습니다. 메서드 이름에서 알 수 있듯이 요소를 배열의 끝으로 푸시합니다.
다음 예제에서는 이를 수행하는 방법을 보여줍니다. 여기에 array_1이라는 빈 배열이 있습니다. 그런 다음 .push() 메서드를 사용하여 두 개의 숫자를 배열에 추가합니다.
$(document).ready(function() {
let array_1 = [];
console.log('The array before adding new elements: ', array_1);
// Push elements into the array using the
// push method.
array_1.push('23', '22');
console.log('The array after adding new elements: ', array_1);
});
출력:
The array before adding new elements: Array []
The array after adding new elements: Array [ "23", "22" ]
.merge() 메서드를 사용하여 배열 요소 추가
.merge() 메서드는 두 개의 배열을 인수로 사용하여 단일 배열로 결합합니다. 이를 통해 두 배열을 두 배열의 요소를 포함하는 배열로 결합할 수 있습니다.
다음 예제에서는 이를 수행하는 방법을 보여줍니다. 다음은 웹 브라우저 콘솔의 출력입니다.
$(document).ready(function() {
let first_array = [9, 3, 6, 8];
console.log('The array before addition: ', first_array)
let second_array = [23, 12];
// Merge the first and second arrays using
// the merge function in jQuery
$.merge(first_array, second_array);
console.log('The array after addition: ', first_array);
});
출력:
The array before addition: Array(4) [ 9, 3, 6, 8 ]
The array after addition: Array(6) [ 9, 3, 6, 8, 23, 12 ]
작가: Habdul Hazeez
Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.
LinkedIn