- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试采用这样的数组:
[1999, 2000, 2001, 2002, 2003, 2004, 2006, 2008, 2009, 2010]
并使其输出:
1999 - 2004, 2006, 2008 - 2010
这似乎是一项简单的任务,但似乎无法正确完成。我假设 Array.reduce
是正确的工具:
const years = [1999, 2000, 2001, 2002, 2003, 2004, 2006, 2008, 2009, 2010];
const str = years.reduce((acc, curr, idx) => {
const prevYear = years[idx - 1];
const nextYear = years[idx + 1];
if (!prevYear) {
acc.push(curr.toString());
return acc;
}
if (prevYear === curr - 1 && nextYear === curr + 1) {
if (acc[acc.length - 1] !== '-') {
acc.push('-');
}
return acc;
} else {
acc.push(curr.toString());
if (nextYear) {
acc.push(',');
}
return acc;
}
return acc;
}, []);
console.log(str.join(''))
我快到了,但我试图让它看起来尽可能干净,而不需要一堆 if
语句。
我知道我可以走穷人路线,只需运行 str.replace(',-', '-')
来解决我的最后一个小障碍,但我没有'不喜欢那样。
最佳答案
另一种选择(我认为它更容易概念化)是迭代 范围 而不是数组中的项目。查找项目时,向前追踪,直到不再存在连续找到的年份。如果连续发现超过一年,则添加该范围,否则只需添加一年:
const getRanges = (arr) => {
const set = new Set(arr); // for less computational complexity later
const min = Math.min(...arr);
const max = Math.max(...arr);
const output = [];
for (let i = min; i <= max; i++) {
if (!set.has(i)) {
continue;
}
const thisMin = i;
while(set.has(i)) {
i++;
}
output.push(i === thisMin + 1 ? thisMin : `${thisMin} - ${i - 1}`);
}
return output;
};
console.log(getRanges([1999, 2000, 2001, 2002, 2003, 2004, 2006, 2008, 2009, 2010]));
在此处使用 reduce
的一个问题是您需要跟踪 additional state(目前为止连续范围内的项目数,以及它们的值)而不是 acc
输出数组,如果您试图将所有内容封装在 reduce
回调中,它会变得真的 困惑。有可能,但我不建议这样做。
关于javascript - 将年份数组分组到一个范围内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58869552/
我正在完成一项让我难堪好几天的学校作业。任务是使用 View (VAvailableGolfers) 将与从组合框中选择的给定事件/年份无关的高尔夫球手填充到列表框中。以下是表中的数据: 那么,表单上
给定一年和那年的某一天,我如何获得完整的日期?例如:60/2014 = 2014 年 3 月 1 日 和 61/2016 = 2016 年 3 月 1 日 注释:-年和日可以作为单独的参数传递。 -结
我正在使用 ExtJS 3,当我想为日期选择器选择日期时,我只能设置日期和月份(通过左/右箭头)。月/年面板会放下来,但很快就会消失,因此无法选择它。这是最能描述该行为的桌面记录:http://fli
我正在尝试获取用于在 div 中显示当前月份和年份的 jquery 或 java 脚本代码,但目前还不能。我的意思是我想以这种格式显示当前的月份和年份:October 2012 这样每个月我都不需要编
我有这段代码可以从数据库中获取一个字段: $end_date=$row1['end_date']; 如果我打印它,它会给我这样的信息:25-09-2012我需要的是获取月份值、年份和日期。类似于: $
我有两个格式如下的数据集: df1 #> Artist Album Year #> 1 Beatles Sgt. Pepper's 1967 #>
我使用 jQuery 验证插件和 maskedInput 插件对输入进行了自定义日期和时间验证。 有没有办法在自定义验证中进行验证以防止输入大于当前年份的年份? 我的代码: $("#date").ma
我在 xml 解析方面没有经验,所以也许我写的一些东西对某些人来说看起来很愚蠢,也许我的一些术语不太正确。请原谅。 我开发了一个Android应用程序,它需要解析来自YR.no的天气数据。 。该组织提
我需要当前年份,月份和日期为3个不同的变量。下面的代码给出了日期时间 val now = Calendar.getInstance().getTime() 2016年9月29日星期四18:27:38
在模态对话框中使用日期选择器,请不要在 Firefox 19.0.2 中使用更改月/年下拉列表,请参阅: http://jsfiddle.net/469zV/2/ HTML
我希望日期输入在年份有 4 位数字后停止输入。我尝试使用 HTML 中的 min 和 max 组件,但它仍然允许您键入删除第一个数字。参见示例 1。 请参阅示例 2 以了解可以输入超过 4 位数字的年
因此不同是基于唯一的月/年,而不仅仅是一个不同的月份(所以我希望 2011 年 1 月和 2012 年 1 月是不同的) // Test set of data List Compl
在 Programming in the Key of C# 中,作者给出了一个示例(附源代码),说明如何将日期(年、月、日 -- 数字)打包为 32 位整数。在示例中,作者将信息打包如下: int
这里我有一个任务,如果我写这样的代码,年份应该像 1947 年到 2016 年一样绑定(bind)在 DropdownList 中 1947 2016 拍了一整天 最佳答案 例如,
显然,我的 SQL 不是最好的,但我想做的是通过查找条目中的最大年份和月份来获取数据库中的最新日期。现在我有: select max(Month), max(Year) from posts wher
我试图弄清楚是否有任何 ID 发生在任何早年(即 dfo 中的 Duplicate 列)。如果是这样,我想将该行标记为重复行并包括 ID 首次出现的年份(即 Year_Duplicate)。 我确实有
我已经从 df 中提取了列列表,这些列是字符串类型,如下所示:1999-1(如 1999 年第一个月)。 我想删除 2000 年之前的所有列,因此我提取了列列表并使用列表理解来检查字符串的第一个字符是
日期时间是什么时候?我的 DateTimePicker 控件的源更改为 null,我想选择另一个日期,日历下拉列表默认为最后选择的月份和年份。 我正在为 DOB 使用 DateTimePicker,因
我正在获取系统当前日期并尝试在 TextView 中显示它。 尝试下面的代码后 private OnClickListener listener1 = new OnClickListener() {
我想使用 knockoutJS 库验证年份。我面临的问题是,当用户输入错误的年份时,不会对年份进行验证。以下是年份错误的情况。 (01/01/12 becomes 01/01/0012) (01/0
我是一名优秀的程序员,十分优秀!