jQuery/JavaScript를 사용하여 배열 내파

이 튜토리얼에서는 JavaScript와 JQuery를 사용하여 주어진 배열을 병합하는 방법을 배웁니다. 웹 개발에서는 배열을 병합해야 하는 상황이 자주 발생합니다. 예를 들어, 태그 목록이 주어지면 이를 문자열로 병합하여 웹 페이지에 삽입해야 합니다. 배열을 병합해야 하는 또 다른 상황은 SQL 쿼리를 작성할 때입니다.

여기에서는 주어진 배열의 요소를 연결하는 4가지 방법을 알아봅니다.

Array.join() 메서드를 사용하여 배열 결합

array.join() 메서드를 사용하면 구분 기호를 지정하여 배열 요소를 문자열로 결합할 수 있습니다.

문법

사용자는 JavaScript Join() 메서드를 사용하여 다음 구문에 따라 배열을 병합할 수 있습니다.

으아악

위 구문에서 '배열'은 병합할 참조 배열이고, 구분 기호는 배열 요소를 연결하는 데 사용해야 하는 문자입니다.

예

아래 예시에서는 과일 이름이 포함된 'arr' 배열을 만들었습니다. 그런 다음 array.join() 메서드를 사용하여 모든 과일 이름을 연결하고 이를 'fruits' 문자열에 저장합니다.

출력에서 배열에 있는 모든 과일의 이름이 포함된 'fruits' 문자열을 관찰할 수 있습니다.

으아악

예

아래 예에서는 색상 이름이 포함된 배열을 만들었습니다. 그 후, Join() 메소드를 사용하고 '|' 문자를 Join() 메소드의 매개변수로 전달하여 각 배열 요소를 구분 기호로 구분했습니다.

출력에서 사용자는 원래 배열 요소와 병합된 배열 결과를 관찰할 수 있습니다.

으아악

for 루프와 '+' 연산자를 사용하여 JavaScript에서 배열 결합

for 루프나 while 루프를 사용하여 배열을 탐색할 수 있습니다. 배열 요소를 반복하는 동안 '+' 또는 '+=' 연산자를 사용하여 요소를 결합할 수 있습니다. 또한 배열 요소를 연결하는 동안 구분 기호를 사용할 수 있습니다.

문법

사용자는 for 루프와 '+' 연산자를 사용하여 다음 구문에 따라 배열을 결합할 수 있습니다.

으아악

위 구문에서는 'result' 문자열에 arry[i]를 추가합니다.

예

아래 예에서는 숫자가 오름차순으로 포함된 배열을 만들었습니다. 연결된 배열 결과를 저장하기 위해 'numberStr'이라는 변수를 만듭니다.

for 루프를 사용하여 배열을 반복하고 각 반복마다 'numberStr'에 숫자[i]를 추가합니다. 또한 'numberStr' 문자열에 각 요소를 추가한 후 '

출력에서 배열 요소를 연결하여 ' 으아악

Array.reduce() 메서드와 '+' 연산자를 사용하여 JavaScript에서 배열 병합

array.reduce() 메서드는 배열 목록을 단일 요소로 병합하여 작동합니다. 여기서는 배열을 참조로 사용하고 콜백 함수를 매개변수로 전달하여 배열 요소를 연결함으로써 array.reduce() 메서드를 실행합니다.

문법

사용자는 array.reduce() 메서드를 사용하여 다음 구문에 따라 배열을 병합할 수 있습니다.

으아악

위 구문에서는 배열 요소를 조인하기 위해 콜백 함수를 조인 메서드에 전달했습니다.

예

아래 예에서는 메시지 문자열이 포함된 배열을 만듭니다. 그런 다음 'message' 배열을 참조로 사용하고 Reduce() 메서드를 실행하여 배열을 병합합니다.

또한 a 및 b 매개변수를 Reduce() 메서드의 콜백 함수에 전달합니다. 각 반복 후에 'a'는 배열의 병합된 결과를 저장하고 'b'는 현재 배열 요소를 나타냅니다. 함수 본문은 공백으로 구분된 방식으로 'a'에 'b'를 추가합니다.

으아악

Each() 메서드를 사용하여 JQuery에서 배열 병합

모든 jQuery의 () 메서드는 배열 요소를 반복하는 데 사용됩니다. 배열 요소를 반복하고 각 요소를 하나씩 연결할 수 있습니다.

문법

사용자는 JQuery의 Each() 메서드를 사용하여 다음 구문에 따라 배열을 병합할 수 있습니다.

으아악

위 구문에서 각각() 메서드는 첫 번째 매개변수로 배열을 내파하고 두 번째 매개변수로 콜백 함수와 배열을 연결합니다.

예

아래 예에서는 나무 이름이 포함된 배열을 만들었습니다. 그런 다음 jQuery의 Each() 메서드를 사용하여 배열을 반복합니다. Each() 메서드의 콜백 함수에서 현재 인덱스와 요소 값을 가져옵니다. 따라서 요소 값을 'treeStr'에 추가합니다.

마지막으로 출력에서 ​​'treeStr' 값을 관찰할 수 있습니다.

으아악

array.join() 메서드는 JavaScript에서 배열을 결합하는 가장 좋은 방법 중 하나입니다. 그러나 프로그래머가 배열 병합을 위해 더 많은 사용자 정의 옵션이 필요한 경우 for 루프와 '+' 연산자를 사용할 수도 있습니다. JQuery에서 프로그래머는 JavaScript의 Join() 메서드와 유사하게 작동하는 Each() 메서드나 makeArray() 및 Join() 메서드를 사용할 수 있습니다.

위 내용은 jQuery/JavaScript를 사용하여 배열 내파의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!