首页 > Web开发 > 详细

JS遍历的一些测试

时间:2021-09-23 09:54:09      阅读:26      评论:0      收藏:0      [点我收藏+]

测试代码

<template>
    <div class="container">
        <span>This Test</span>
    </div>
</template>

<script>
    export default {
        name: "Test",
        data() {
            return {
                arr: [{
                    a: 111,
                    b: 222
                }, {
                    c: 333,
                    d: 444
                }]
            }
        },
        mounted() {
            console.log(this.arrfor())
            console.log(this.arrforof())
            this.arrfilter()
            this.arrsome()
            console.log(this.arrforeach())
            console.log(this.arrmap())
            console.log(this.arrfind())
        },
        methods: {
            arrfor() {
                var len = this.arr.length
                for (var j = 0; j < len; j++) {
                    if (this.arr[j].a == 111) {
                        return arrfor success
                    }
                }
            },
            arrforof() {
                for (var item of this.arr) {
                    if (item.a == 111) {
                        return forof success
                    }
                }
            },
            arrfilter() {
                console.log(this.arr.filter(item => {
                    return item.c == 333
                }))
            },
            arrsome() {
                console.log(this.arr.some(item => {
                    if (item.a == 111) {
                        return arrsome success
                    }
                }))
            },
            arrforeach() {
                this.arr.forEach(item => {
                    if (item.a == 111) {
                        return arrforeach success
                    }
                })
            },
            arrmap() {
                this.arr.map(item => {
                    if (item.a == 111) {
                        return map success
                    }
                })
            },

            arrfind() {
                this.arr.find((item) => {
                    item.a == 111
                })
            }

        },
    }
</script>

<style scoped>

</style>

测试结果

技术分享图片

 

 

仅for和forof能正确return

filter返回新数组,判断结果为true则加入新数组,否则过滤

some返回true时跳出整个循环 ruturn 类型仅能为 Boolean

 

JS遍历的一些测试

原文:https://www.cnblogs.com/xuanjiange/p/15306817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!