js 判断校验对象数组中某一属性是否重复

如果有重复的就返回false,没有就返回obj

			/**
             * 判断数组中是否有重复
             * @param arr 数组
             * @param key 要校验的key值
            */
            isRepeat(arr,key){
                var obj = {};
                for(let i=0;i<arr.length;i++){
                    if(obj[arr[i][key]]){
                        return false;
                    }else{
                        obj[arr[i][key]] = arr[i];
                    }
                }
                return obj;
            },

判断相邻的元素是否相同,不对比空字符串

/**
 * 数组是否重复
 * @param array 要对比的数组
 * @returns  返回是否出现重复项结果(等于0:没有,大于0:有)
 */
 checkArrayElement (array){
    array.sort();  //数组排序
    var reNum = 0; 
    //遍历整个数组对象
    for(var i=0;i<array.length;i++){
        //跳过最后一个元素的比较
        if (i + 1 == array.length) {
            continue;
        }                            
        //判断相邻的元素是否相同,不对比空字符串
        if (array[i] !=='' && array[i] == array[i + 1]) {
            reNum += 1;                 
        }      
    }
    return reNum;    
},

通过判断数组的元素与item是否相等,返回元素在数组中出现的次数。

/**
 * 数组是否重复
 * @param arr要对比的数组
 * @param item要对比的元素
 * @returns  元素在数组中出现的次数
 */
count(arr, item) {
    return arr.filter((e)=>e===item).length;
}
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您在使用 Element UI 表单组件进行数组嵌套校验时需要实现必填校验,可以使用自定义的校验函数。具体实现步骤如下: 1. 在表单项使用 `el-form-item` 包裹需要校验的表单项,并为其添加 `prop` 属性,例如: ```html <el-form-item label="嵌套数组" prop="nestedArray"> <!-- 嵌套数组表单项 --> </el-form-item> ``` 2. 在自定义的校验函数,对嵌套的数组对象进行遍历,并对每个对象属性进行必填校验,例如: ```js import { validateNestedArray } from '@/utils/validate' export default { data() { return { nestedArray: [ { name: '', age: '', gender: '' }, { name: '', age: '', gender: '' }, { name: '', age: '', gender: '' } ] } }, methods: { validate() { return this.$refs.form.validate() }, validateNestedArray(rule, value, callback) { if (!value) { callback(new Error('嵌套数组不能为空')) } else { for (let i = 0; i < value.length; i++) { const nestedObj = value[i] if (!nestedObj.name || !nestedObj.age || !nestedObj.gender) { callback(new Error(`第 ${i + 1} 个对象的所有属性均为必填项`)) return } } callback() } } } } ``` 3. 在 `el-form` 添加 `rules` 属性,并将自定义的校验函数作为校验规则,例如: ```html <el-form ref="form" :model="form" :rules="rules"> <!-- 表单项 --> </el-form> ``` ```js import { validateNestedArray } from '@/utils/validate' export default { data() { return { form: { nestedArray: [ { name: '', age: '', gender: '' }, { name: '', age: '', gender: '' }, { name: '', age: '', gender: '' } ] }, rules: { nestedArray: [ { validator: validateNestedArray, trigger: 'blur' } ] } } }, methods: { validate() { return this.$refs.form.validate() }, validateNestedArray(rule, value, callback) { // 校验函数实现 } } } ``` 通过以上步骤,就可以实现 Element UI 表单组件数组嵌套校验,具体的实现细节可以根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值