jquery如何输出数组的值

这篇文章主要介绍了jquery如何输出数组的值,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

jquery中可用“$.each()”方法来循环遍历数组元素,然后在循环体中将数组元素一一输出;语法“$.each(arr,function(index,value){console.log(index+":"+value);})”。

在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 + '<br>');
            });
        });
    </script>
</body>
</html>

$.each()方法中有两个参数,第一个参数,即要循环的数组名称,第二个参数则是一个方法。

这里我们定义了一个arr数组,然后在此方法中每次回调就传递一个数组索引(index)和相应的数组值(value),再通过append() 方法将循环输出指定数组值的结果打印出来。

结果如下所示:

jquery如何输出数组的值

感谢你能够认真阅读完这篇文章,希望小编分享jquery如何输出数组的值内容对大家有帮助,同时也希望大家多多支持亿速云,关注行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!