javascript 表格内容排序 简单操作示例代码

// 假设我们有一个表格数据数组，每个元素是一个对象，包含id和name属性
let tableData = [
    { id: 3, name: "Alice" },
    { id: 1, name: "Bob" },
    { id: 2, name: "Charlie" }
];

// 定义一个函数，用于根据对象的某个属性对数组进行排序
function sortTableData(data, key) {
    return data.sort((a, b) => {
        // 如果需要根据数字排序，确保转换为数字类型
        if (typeof a[key] === 'string' && !isNaN(a[key]) && typeof b[key] === 'string' && !isNaN(b[key])) {
            a[key] = Number(a[key]);
            b[key] = Number(b[key]);
        }
        return a[key] - b[key];
    });
}

// 使用函数对表格数据按id进行排序
let sortedById = sortTableData(tableData, 'id');
console.log('Sorted by ID:', sortedById);

// 使用函数对表格数据按name进行排序
let sortedByName = sortTableData(tableData, 'name');
console.log('Sorted by Name:', sortedByName);

这段代码展示了如何在JavaScript中对一个包含对象的数组进行排序，这些对象代表表格的行，每个对象有多个属性（如id和name）。通过定义一个`sortTableData`函数，我们可以根据对象的任意属性对数组进行排序。在这个例子中，我们展示了如何根据`id`和`name`属性对表格数据进行排序。注意，如果属性值是字符串形式的数字，我们在比较之前会尝试将它们转换为数字类型，以确保排序的正确性。