JS封装(循环遍历添加)

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

原创最新推荐文章于 2023-04-07 11:02:59 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

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 {
                                   
                                }
                            }

效果：