JS封装(循环遍历添加)

最新推荐文章于 2023-04-07 11:02:59 发布

放开那段代码让我来

最新推荐文章于 2023-04-07 11:02:59 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u014424282/article/details/77773329

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在JavaScript中不使用显式循环进行元素追加。通过示例展示无循环追加操作，并讨论其在处理数据时的应用。

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

1、无循环的追加：

var i=1;

var selectoption = "";

这里console.log(data) 打印出来的data:

                            if (i == 1)
                            {                             
                                selectoption += "<option value='" + da[2].ID + "'>" + da[2].TestType + "</option>";
                                selectoption += "<option value='" + da[3].ID + "'>" + da[3].TestType + "</option>";
                                selectoption += "<option value='" + da[4].ID + "'>" + da[4].TestType + "</option>";
                                selectoption += "<option value='" + da[5].ID + "'>" + da[5].TestType + "</option>";
                                selectoption += "<option value='" + da[6].ID + "'>" + da[6].TestType + "</option>";
                                selectoption += "<option value='" + da[7].ID + "'>" + da[7].TestType + "</option>";
                                selectoption += "<option value='" + da[8].ID + "'>" + da[8].TestType + "</option>";
                                selectoption += "<option value='" + da[9].ID + "'>" + da[9].TestType + "</option>";
                            }
                            if (i == 2) {
                                selectoption += "<option value='" + da[1].ID + "'>" + da[1].TestType + "</option>";
                                selectoption += "<option value='" + da[3].ID + "'>" + da[3].TestType + "</option>";
                                selectoption += "<option value='" + da[4].ID + "'>" + da[4].TestType + "</option>";
                                selectoption += "<option value='" + da[5].ID + "'>" + da[5].TestType + "</option>";
                                selectoption += "<option value='" + da[6].ID + "'>" + da[6].TestType + "</option>";
                                selectoption += "<option value='" + da[7].ID + "'>" + da[7].TestType + "</option>";
                                selectoption += "<option value='" + da[8].ID + "'>" + da[8].TestType + "</option>";
                                selectoption += "<option value='" + da[9].ID + "'>" + da[9].TestType + "</option>";
                            }
                            if (i == 3) {
                                selectoption += "<option value='" + da[1].ID + "'>" + da[1].TestType + "</option>";
                                selectoption += "<option value='" + da[2].ID + "'>" + da[2].TestType + "</option>";
                                selectoption += "<option value='" + da[4].ID + "'>" + da[4].TestType + "</option>";
                                selectoption += "<option value='" + da[5].ID + "'>" + da[5].TestType + "</option>";
                                selectoption += "<option value='" + da[6].ID + "'>" + da[6].TestType + "</option>";
                                selectoption += "<option value='" + da[7].ID + "'>" + da[7].TestType + "</option>";
                                selectoption += "<option value='" + da[8].ID + "'>" + da[8].TestType + "</option>";
                                selectoption += "<option value='" + da[9].ID + "'>" + da[9].TestType + "</option>";
                            }

使用for循环(等价于上面的)：

        for (var j = 0; j < da.length; j++) {
                                var y = j + 1;
                                if (y != i) {
                                    selectoption += "<option value='" + (da[j].ID) + "'>" + da[j].TestType + "</option>";
                                }
                                else {
                                   
                                }
                            }

效果：