JavaScript：如何通过三元条件的边缘情况

Question

我如何在这里实现一些可能发生的边缘情况。//边缘情况下，如果mediaType是undefined，它应该返回undefined或者infinity，如果mediaType是xs它应该返回xs与当前实现。//编码当前实现function getCurrentBreakpoint(mediaType) {  const mediaTypes = ["xs", "sm", "md", "lg", "xl", "infinity"];  return mediaTypes[mediaTypes.indexOf(mediaType) - 1];}这里有任何帮助。

Answer 1

您可以使用Array#find：

function getCurrentBreakpoint(mediaType) {

  const mediaTypes = ["xs", "sm", "md", "lg", "xl", "infinity"];

  return mediaTypes.find(mt => mt === mediaType);

}

console.log(getCurrentBreakpoint('xs'));

console.log(getCurrentBreakpoint('foo'));

console.log(getCurrentBreakpoint());

如果你真的想使用三元运算符，你可以使用它来代替。

return mediaTypes.includes(mediaType) ? mediaType : undefined

Answer 2

您可以通过简单地检查 mediaType 是否未定义

if (!mediaType) {

/* ... */

}

目前尚不清楚您调用该函数的上下文，但如果您想返回 undefined （我认为这不是一个好的做法），您可以这样做：

if (!mediaType) {

    return mediaType

}

编辑：用户将帖子和标题更改为与三元一起使用。

那么它将是

return !mediaType ? mediaType : /* whatever */

如果是另一种方式，并且您希望始终定义它，则可以使用二进制条件：

return mediaType && /* whatever */

Answer 3

可能的解决方案：

      function getCurrentBreakpoint(mediaType) {

          const mediaTypes = ["xs", "sm", "md", "lg", "xl", "infinity"];

          return mediaType=="xs"?"xs":mediaTypes[mediaTypes.indexOf(mediaType) - 1]?mediaTypes[mediaTypes.indexOf(mediaType) - 1]:"infinity";

       }