给数组里面的对象指定位置

最新推荐文章于 2024-03-05 16:48:18 发布

闹闹没有闹

最新推荐文章于 2024-03-05 16:48:18 发布

阅读量277

点赞数

分类专栏：小demo 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_41893686/article/details/120475364

版权

小demo 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

效果图：

在这里插入图片描述

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文件下载</title>

</head>

<body>

</body>

<script>
    let arr = [{
        id: 1,
        name: "玄觞"
    }, {
        id: 2,
        name: "叶里"
    }, {
        id: 6,
        name: "小司"
    }]
    let newArr = [2, 3, 1]

    // 通过order排序 
    function sortByOrder(arr, newArr) {

        if (arr.length != newArr.length) {
            console.warn("原数组和现有的数组长度不一致")
            return
        }
        if (arr.length != Math.max(...newArr)) {
            console.warn(`目标位置最大值${Math.max(...newArr)}大于原数组的长度${arr.length}`)
            return
        }
        let order = `order_${Math.ceil(Math.random() * 1e6)}`
        let data = arr.map((item, index) => {
            item[order] = newArr[index]
            return {
                ...item,
            }
        }).sort((a, b) => {
            return a[order] - b[order]
        })
        data.forEach(item => {
            delete item[order]
        })
        return data

    }
    console.log(sortByOrder(arr, newArr))
</script>

</html>

闹闹没有闹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
给数组里面的对象指定位置

效果图：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>文件下载</title></head><body></body><script> let arr = [{ id: 1, name: "玄觞" }, { id.
复制链接

扫一扫