1、js判断数组对象中某个属性的值是否为空

思路:循环数组对象,把其中值添加进一个空数组中,使用some方法:some() 方法用于检测数组中的元素是否满足指定条件,some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测,如果没有满足条件的元素,则返回false。

代码:

  let arr = [
      {
          id:'1',
          value:'苹果',
      },
      {
          id:'2',
          value:'香蕉',
      },
      {
          id:'3',
          value:'榴莲',
      },
      {
          id:'4',
          value:'橘子',
      },  
      {
          id:'5',
          value:'',
      }
  ]
  let _arr = []
  arr.forEach((item)=>{
      _arr.push(item.value)
  })
  if(_arr.some(val => val === '')){
      console.log('有空值,不通过') //true
  }else{
      console.log('无空值,通过')  //false
  }

2、数字转成相对应的文字并显示

  let arr = [
      {
          id:'1',
          value:'苹果',
      },
      {
          id:'2',
          value:'香蕉',
      },
      {
          id:'3',
          value:'榴莲',
      },
      {
          id:'4',
          value:'橘子',
      },
      {
          id:'5',
          value:'桃子',
      }
  ]
  let list = []
    let a = '1,2'
    let res = a.split(',')
  let arrRes = []
    res.forEach((i)=>{
        arr.forEach((j)=>{
            if(j.id == i){
                arrRes.push(j.value)
            }
        })
    })
  console.log(arrRes.join(',')) // 苹果,香蕉

3、js去掉数组对象中某个指定对象

 let arr = [
        {
            id: 1,
            value: '苹果',
        },
        {
            id: 2,
            value: '香蕉',
        },
        {
            id: 3,
            value: '榴莲',
        },
        {
            id: 4,
            value: '橘子',
        },
        {
            id: 5,
            value: '桃子',
        }
    ]
    arr.forEach((item) => {
        item.id = item.id + ''
    })
    let resList = arr.filter((item) => !['3'].includes(item.id));  //返回除id为3的数据
    console.log(resList); //没有id为3的数据

3、js把一个对象转成键值对数组对象

let obj = {10: "苹果", 20: "橘子"}
objToArr(obj) {
                let arr = []
                for (let i in obj) {
                    let o = {};
                    o[i] = obj[i];
                    arr.push({
                        text:obj[i],
                        value:i
                    })
                }
                return arr;
            },
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐