Vue 富文本实现内容项目倒序

最新推荐文章于 2024-10-28 17:15:40 发布

我是唐赢

最新推荐文章于 2024-10-28 17:15:40 发布

阅读量522

点赞数 9

分类专栏： vue.js 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/gdgztt/article/details/135636237

版权

vue.js 专栏收录该内容

64 篇文章

订阅专栏

本文讨论了在处理大量内容的应用场景中，如何使用JavaScript函数sortContent()对内容进行倒序排列，以便用户能快速查看最新的待办事项，提高效率。作者提供了具体的倒序代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用场景：

比如写计划和待办事项，内容少还好，内容多了最新的内容就放在下面了，每次打开要滚动到最后才能看到，这时可以使用倒序把最新的排在最前面。

倒序前：

倒序后：

倒序代码：

function sortContent(content) {
    let result = [];
    let newarr = content.split("<p>");
    for (var i= newarr.length-1; i>= 0; i--) {
        let item = newarr[i];
        if (objToStr(item) != "") {
            if (item.indexOf("<p ")>= 0) {
                let arr1 = item.split("<p "); 
                arr1.forEach(item1 => {
                    result.push('<p ' + item1);                         
                });                        
            } else {
                result.push('<p>' + item);
            }
        }
    }
    return result.join("");
}