遍历两个数组，使得值相等的时候，给第一个数组增加一个值为 true 的属性。

问题：

遍历两个数组，使得值相等的时候，使第一个数组中的istrue值为 true 。如果值不相等则使第一个数组中的istrue值为 false

<template>
<div class="idnex">
    <div v-for="(item,index) in list1" :key='index'>
        <span>{{item.id}}</span>
        <span class="trues">{{item.istrue}}</span>
    </div>
</div>
</template>
<script>
export default {
    data() {
            return {
                list1:[
                    {id:1,istrue:undefined},
                    {id:2,istrue:undefined},
                    {id:3,istrue:undefined},
                    {id:4,istrue:undefined},
                    {id:5,istrue:undefined},
                    {id:6,istrue:undefined},
                    {id:7,istrue:undefined},
                    {id:8,istrue:undefined},
                    {id:9,istrue:undefined},
                    {id:10,istrue:undefined}
                ],
                list2:[
                    {id:3},
                    {id:4},
                    {id:6},
                    {id:7},
                    {id:10}
                ]
            }
        },
        created() {

        },
        mounted(){
            this.getdata()
        },
        methods: {
            getdata(){
                for(var i=0;i<this.list1.length;i++){
                    for(var j=0;j<this.list2.length;j++){
                        if(this.list1[i].id==this.list2[j].id){
                            this.list1[i].istrue=true
                            break
                        }else{
                            this.list1[i].istrue=false
                        }
                    }
                }
            },
        }
}
</script>
<style scoped>
    .idnex{
        font-size: 24px;
        padding-left: 200px;
    }
    .trues{
        font-weight: bold;
        color: pink;
    }
</style>

结果图：

 总结：善于运用break和continue

break（跳出当前循环）、continue（进入下次循环）

参考文章：在js中，break和continue的用法_CZY阳光的博客-CSDN博客