1,LinkedHashMap获取首尾元素，2,js三目表达式处理参数为空

最新推荐文章于 2023-05-16 05:00:00 发布

masterkgw

最新推荐文章于 2023-05-16 05:00:00 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 相关 java基础相关

本文链接：https://blog.youkuaiyun.com/kangguowei/article/details/80700865

js 相关同时被 2 个专栏收录

26 篇文章

订阅专栏

java基础相关

21 篇文章

订阅专栏

本文介绍了如何使用LinkedHashMap高效获取首尾元素，时间复杂度为O(1)。同时，针对前端场景，讨论了如何利用JavaScript的三目表达式处理后台传递过来的对象列表中可能出现的空值问题，以优化表格显示，提高用户体验。示例代码展示了在JS中使用三目表达式拼接表格的过程。

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

1， LinkedHashMap获取首尾元素
时间复杂度O(1)

public <K, V> Entry<K, V> getHead(LinkedHashMap<K, V> map) {
    return map.entrySet().iterator().next();
}

时间复杂度O(1)

public <K, V> Entry<K, V> getTail(LinkedHashMap<K, V> map) {
    Iterator<Entry<K, V>> iterator = map.entrySet().iterator();
    Entry<K, V> tail = null;
    while (iterator.hasNext()) {
        tail = iterator.next();
    }
    return tail;
}

2， js三目表达式处理参数为空
业务场景：
前台页面收到后台传递过来的一个对象list集合，迭代这个集合拼接一个表格，但是集合中一些对象的部分属性有时是空值，这样拼接出来的表格在页面上显示时，会出现显示null的情况，用户体验不是很好。如何解决这个问题呢？往上查找了下资料也没有结果，突然想到三目表达式，于是想在js上用一下，结果还真可以，看来我这个伪前端要out了。
接下来就分享一下。
Js拼接表格部分代码

$.get("getPayables/?requestId="+requestId+"&finalSettlementKey="+finalSettlementKey, function
            (resp) {
            var payables = resp.data;
            //迭代并拼接
            var str = "";
            $.each(payables, function (i, item) {

                str += "<tr>" +
                        "<td>" + item.rfBusinessId + "</td>" +
                        "<td>" + item.requestId + "</td>" +
                        "<td>" + (item.feeTypeName == null ? "" : item.feeTypeName) + "</td>" +
                        "<td>" + item.amount + "</td>" +
                        "<td>" + item.businessTime + "</td>" +
                        "<td>" + item.accountTime + "</td>" +
                        "<td>" + (item.regionName ==null ? "" : item.regionName)   + "</td>" +
                    "</tr>"
                //拼接
                str.replace()
                $("#tbodyId").html(str);
            });
        }, "json");