javascript - 压缩 if 语句以查找值适合的范围
问题描述
所以我正在尝试为 Fitbit Ionic 制作一个指南针应用程序,它可以工作,但是这段代码让我很生气。我知道有一种方法可以压缩它,但我不知道如何。它应该取一个整数并告诉我相应的基本方向是什么。
如果可以压缩 if 语句,它看起来会好很多。非常感谢任何建议或解决方案。
geolocation.watchPosition(function(position) {
var headingDir;
var headingDeg;
headingDeg = position.coords.heading ? position.coords.heading.toFixed(2) : 0
//This long boi
if (headingDeg >= 22.5 & headingDeg < 67.5) {
headingDir = "NE";
} else if (headingDeg >= 67.5 & headingDeg < 112.5) {
headingDir = "E"
} else if (headingDeg >= 112.5 & headingDeg < 157.5) {
headingDir = "SE"
} else if (headingDeg >= 157.5 & headingDeg < 202.5) {
headingDir = "S"
} else if (headingDeg >= 202.5 & headingDeg < 247.5) {
headingDir = "SW"
} else if (headingDeg >= 247.5 & headingDeg < 292.5) {
headingDir = "W"
} else if (headingDeg >= 292.5 & headingDeg < 337.5) {
headingDir = "NW"
} else {
headingDir = "N"
};
})
解决方案
因为每个范围相差相同的量(45),您可以为方向字符串制作一个数组,然后立即计算您想要的方向字符串的索引:
const headingStrs = ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW', 'N'];
const getHeading = (deg) => headingStrs[Math.floor((deg + 22.5) / 45)];
console.log(getHeading(30)); // NE
console.log(getHeading(300)); // NW
console.log(getHeading(170)); // S
console.log(getHeading(22.5)); // NE
console.log(getHeading(15)); // N
推荐阅读
- swift - 弹出窗口中没有摘要信息 -- Option-Click
- java - Netty 本地文件通道实现
- exception - Mulesoft - 根据 statusCode 强制异常
- java - 实施10交叉验证(10CV)
- mysql - 通过使用 laravel 的查询构建器设置默认表来避免连接时的列歧义
- linux - 如何在 Linux 中找到大于特定数字的变量?
- javascript - 使用 jquery 过滤 JSON 数据
- android - LiveData 查询在我第二次初始化时没有运行
- java - 在后台线程中调用 System.out.println 更新从主线程更改的变量?
- entity-framework - 无法使用 EF Core 在 ASP.NET Core 中创建相关实体