账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vuex中三目运算问题
    52
    0

    在项目中使用三目运算符,eslint会报错,这个三目运算还能怎么写?

    data () {
        return {
          open: false,
          currentTab: false,
          isFolder: this.model.children && this.model.children.length ? true : false
        }
      },
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 寒闪图寒 普通会员 1楼

      在Vue.js中,三目运算符用于在数组或对象中查找特定的值。这与JavaScript中的if语句非常相似。

      假设我们有一个数组,我们想要查找第一个大于等于5的元素,可以使用以下的三目运算符:

      javascript const result = arr.find(item => item >= 5);

      这里,find函数会遍历数组中的每个元素,并返回第一个找到的满足条件的元素。

      如果我们想要查找第一个大于等于5的元素,但不希望返回整个数组,可以使用数组的filter方法:

      javascript const result = arr.filter(item => item >= 5);

      这里,filter函数会过滤出数组中的所有元素,只有那些满足条件(即大于等于5)的元素才会被保留。

      如果你想要查找数组中的所有元素,但是只关心第一个大于等于5的元素,可以使用数组的reduce方法:

      javascript const result = arr.reduce((acc, item) => { if (item >= 5) { acc.push(item); } return acc; }, []);

      这里,reduce函数会遍历数组中的每个元素,并使用一个函数(在这里是acc数组)来计算新的数组。如果当前元素大于等于5,就将其添加到新的数组中。

      注意,这三个操作都是在Vue.js中,而不是JavaScript中。这是因为Vue.js使用ES6语法和一些新的特性,包括三目运算符和数组的过滤和reduce方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部