>  기사  >  웹 프론트엔드  >  jquery에서 배열의 값을 출력하는 방법은 무엇입니까?

jquery에서 배열의 값을 출력하는 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2020-11-23 15:56:293574검색

jquery에서 "$.each()" 메서드를 사용하여 배열 요소를 반복한 다음 루프 본문에서 배열 요소를 하나씩 출력할 수 있습니다. 구문 "$.each(arr,function(index, 값){console.log( index+":"+값);})".

jquery에서 배열의 값을 출력하는 방법은 무엇입니까?

관련 권장 사항: "jQuery 비디오 튜토리얼"

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 2.2.4 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery에서는 $.each() 메서드를 사용하여 배열 요소를 반복하여 모든 배열 요소를 출력할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery循环遍历输出数组元素示例</title>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
	<script>
		$(document).ready(function(){
            var arr=["Apple", "Banana", "Orange", "Mango", "Pineapple"];
            $.each(arr, function(index, value){
                console.log(index + ": " + value + &#39;<br>&#39;);
            });
        });
    </script>
</body>
</html>

$.each() 메소드에는 두 개의 매개변수가 있습니다. 첫 번째 매개변수는 루프할 배열의 이름이고 두 번째 매개변수는 메소드입니다.

여기에서는 arr 배열을 정의한 다음 배열 인덱스(index)와 해당 배열 값(value)을 이 메서드의 각 콜백에 전달한 다음, 추가(append()를 통해 지정된 배열 값의 루프 출력 결과를 인쇄합니다. ) 방법이 나옵니다.

결과는 다음과 같습니다.

jquery에서 배열의 값을 출력하는 방법은 무엇입니까?

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오 코스를 방문하세요! !

위 내용은 jquery에서 배열의 값을 출력하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.