jQuery遍历数组和json对象的方法

在制作网站过程中，经常会用到接口请求数据，有时候接口返回的是普通数组，有时候接口返回的是json对象；那就需要在前端用js进行处理。今天就来分享想常用的几种遍历方法：

1. for in 遍历数组和json方法，请看下面详细代码演示：

<script>
//遍历数组
	var arr = ['苹果','梨子','桃子','香蕉'];
	for(k in arr){
		console.log(k + '--' + arr[k])
	}
//遍历json	
	var json = {'name':'金属大师','job':'法师','lv':'18级'}
	for(k in json){
		console.log(k + '--' + json[k])
	}
</script>

以上代码运行结果为下图：

2.  $.each()遍历数组和json方法（此方法需要依赖jQuery库），请看下面详细代码演示：

<script>
    //遍历数组
        var arr = ['苹果','梨子','桃子','香蕉'];
        $.each(arr,function (index,value) {//index为数组下标，value值
            console.log(index + '：' + value)
        })
        
    //遍历json	
        var json = {'name':'金属大师','job':'法师','lv':'18级'}    
        $.each(json,function (index,value) {//index为数组下标，value值
            console.log(index + '：' + value)
        })	
</script>

以上代码运行结果入下图：

3.  js for循环遍历数组方法，请看下面详细代码演示：

<script>
//遍历数组
	var arr = ['苹果','梨子','桃子','香蕉'];

	for(i=0;i<arr.length;i++){	
		console.log(i + '--' + arr[i])
	}
</script>

以上代码运行结果入下图：