jquery-development
/
jQuery的遍历.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="./js/jquery-3.7.1.min.js"></script>
    <script>
        let data = [
            {
                name: '中国'
            },
            {
                name: '中国'
            },
            {
                name: '中国'
            },
            {
                name: '中国'
            },
            {
                name: '中国'
            },
        ]
        // 第一种遍历方式
        for (let i = 0; i < data.length; i++) {
            console.log(data[i]);

        }
        // 第二种遍历方式
        data.forEach(function (element, index) {

            console.log(element, 'element');
            console.log(index, 'index');
        })
        // 第三种遍历方式
        $.each(data, function (element, index) {
            console.log(element, 'eachelement');
            console.log(index, 'eachindex');
        })
        // 第四种遍历方式
        for (var e of data) {
            console.log(e,'e');

        }
    </script>
</body>

</html>