Ami*_*shi 19 html javascript arrays sorting
我需要有关按月和年对数组进行排序以分别显示在图表上的帮助。
Array1: ['Mar19','Apr18','Jun18','Jul18','May18','Jan19'....];
Desired Output : [....'Apr18','May18','Jun18','Jul18','Jan19','Mar19'];
Run Code Online (Sandbox Code Playgroud)
我也有另一个数组,分别根据上面的数组每个月的值
Array2: ['Mar19_value','Apr18_value','Jun18_value','Jul18_value','May18_value'
,'Jan19_value'....];
Array2: ['55','2','3','0','21','132'....]; //real values
Run Code Online (Sandbox Code Playgroud)
当monthyear数组排序时,我希望该数组中的数据根据位置移动到新monthyear位置。像这样:
Desired Array1: [....'Apr18','May18','Jun18','Jul18','Jan19','Mar19'];
Desired Array2: [....'Apr18_value','May18_value','Jun18_value','Jul18_value','Jan19_value','Mar19_value'];
Run Code Online (Sandbox Code Playgroud)
所以我以后可以这样选择数据:
var label = array[4];
var value = array2[4];
Run Code Online (Sandbox Code Playgroud)
如何做到这一点?
pra*_*nth 13
你需要的字符串更改为new Date(dateString)格式像
new Date(Month Date Year)
Run Code Online (Sandbox Code Playgroud)
更新了两个数组的正则表达式模式
https://regex101.com/r/h1cm1z/2/
根据第一个数组排序索引更新了 Sort Second数组
new Date(Month Date Year)
Run Code Online (Sandbox Code Playgroud)
Nin*_*olz 12
您可以将日期作为可排序的字符串进行排序。
要获得一个签名数组排序的多个数组,可以使用map排序,在其中对索引数组进行排序,指示最终排序,然后通过这种排序重新分配所有数组。
该getD函数通过获取索引array0进行排序以返回格式化的字符串。在函数内部,字符串被分解为月份和年份部分,并由其ISO 8601表示形式代替。替换函数回调将获取匹配的项目,并返回具有格式化的年份和对象的月份的数组,该对象具有月份名称和相关的月份编号。然后,该数组被连接并返回。
排序与进行比较String#localeCompare。
var array1 = ['Mar19', 'Apr18', 'Jun18', 'Jul18', 'May18', 'Jan19'],
array2 = ['Mar19_value', 'Apr18_value', 'Jun18_value', 'Jul18_value', 'May18_value', 'Jan19_value'],
array3 = ['55', '2', '3', '0', '21', '132'],
indices = Object
.keys(array1)
.sort(function (a, b) {
function getD(i) {
var months = { Jan: '01', Feb: '02', Mar: '03', Apr: '04', May: '05', Jun: '06', Jul: '07', Aug: '08', Sep: '09', Oct: '10', Nov: '11', Dec: '12' },
s = array1[i];
return s.replace(/^(...)(.+)$/, (_, m, y) => [y.padStart(4, '0'), months[m]].join('-'));
}
return getD(a).localeCompare(getD(b));
}),
result = [array1, array3].map(a => indices.map(i => a[i]));
result.forEach(a => console.log(...a));Run Code Online (Sandbox Code Playgroud)
const input = ['Mar19', 'Apr18', 'Jun18', 'Jul18', 'May18', 'Jan19'];
//const output : ['Apr18','May18','Jun18','Jul18','Jan19','Mar19'];
//Can be done easily by using momentjs, darte-fns, but here i will do it natively
const t = {
Jan: 1,
Feb: 2,
Mar: 3,
Apr: 4,
May: 5,
Jun: 6,
Jul: 7,
Aug: 8,
Sep: 9,
Oct: 10,
Nov: 11,
Dec: 12
}
const giveConcatString = (a, t) => {
const monthPart = a.substr(0, 3)
const yearPart = a.substr(3)
return `${yearPart}${t[monthPart]}`
}
const sortedArray = input.sort((a, b) => {
const concatString = giveConcatString(a, t)
const concatStringB = giveConcatString(b, t)
return concatString <= concatStringB ? -1 : 1
})
console.log(sortedArray)Run Code Online (Sandbox Code Playgroud)
这可以帮助您解决此问题。是本地制作的。
为了正确订购,您需要知道月份的顺序。这不是按字母顺序排列的,因此您可以按月顺序使用数组,然后查找它们。
const monthOrder = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec ']
已经正确排序,可以与.indexOf()结合使用以获取一个月的排名。
const myArr = ['Mar19','Apr18','Jun18','Jul18','May18','Jan19'];
const myArr2 = ['Mar19_value','Apr18_value','Jun18_value','Jul18_value','May18_value'
,'Jan19_value'];
const monthOrder = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
let sortYearMonth = (a, b) => {
let monthA = monthOrder.indexOf(a.slice(0,3))
let yearA = a.slice(3,6)
let monthB = monthOrder.indexOf(b.slice(0,3))
let yearB = b.slice(3,6)
return (`${yearA}-${monthA}` < `${yearB}-${monthB}`) ? -1 : (`${yearA}-${monthA}` > `${yearB}-${monthB}`) ? 1 : 0
}
let sortedMonths = myArr.sort(sortYearMonth)
let sortedMonths2 = myArr2.sort(sortYearMonth)
console.log(sortedMonths )
console.log(sortedMonths2 )Run Code Online (Sandbox Code Playgroud)
更新:相同位置的值
更新后的版本将两个数组链接在一起,然后对第一个数组进行排序,同时保持与第二个数组的相对位置。
想法:将两个数组与一个临时对象链接,然后使用提取键/值对Object.entries。然后根据该对的第一个值(即array1的值)对数组进行排序。然后以正确的顺序返回键/值对,您可以使用再次将值提取到两个数组中.map()
我在下面添加了一个基于字符串的示例和实际值示例的运行
const myArr = ['Mar19', 'Apr18', 'Jun18', 'Jul18', 'May18', 'Jan19'];
const myArr2 = ['Mar19_value', 'Apr18_value', 'Jun18_value', 'Jul18_value', 'May18_value', 'Jan19_value'];
const myArr3 = ['55','2','3','0','21','132'];
const monthOrder = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
let sortYearMonth = (a, b) => {
let monthA = monthOrder.indexOf(a.slice(0, 3))
let yearA = a.slice(3, 6)
let monthB = monthOrder.indexOf(b.slice(0, 3))
let yearB = b.slice(3, 6)
return (`${yearA}-${monthA}` < `${yearB}-${monthB}`) ? -1 : (`${yearA}-${monthA}` > `${yearB}-${monthB}`) ? 1 : 0
}
function sortByFirst(myArr, myArr2) {
let keyValue = myArr.reduce((links, item, i) => {
links[item] = myArr2[i];
return links
}, {})
let entries = Object.entries(keyValue)
return entries.sort((a, b) => sortYearMonth(a[0], b[0]))
}
let sortedEntries = sortByFirst(myArr, myArr2)
let sortedMonths = sortedEntries.map(i => i[0])
let sortedValues = sortedEntries.map(i => i[1])
let sortedEntries2 = sortByFirst(myArr, myArr3)
let sortedMonths2 = sortedEntries2.map(i => i[0])
let sortedValues2 = sortedEntries2.map(i => i[1])
console.log(sortedMonths)
console.log(sortedValues)
console.log(sortedMonths2)
console.log(sortedValues2)Run Code Online (Sandbox Code Playgroud)