账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js两个length相同的数组如何同时输出到同一个列表?
    • 2017-09-03 00:00
    • 11
    26
    0

    如何使用原生javascript或者jQuery把比如以下两个数组对应输出到同一个ul列表里面?

    //显示文本
    var Texts = [
        "http://www.url.com0",
        "http://www.url.com1",
        "http://www.url.com2",
        "http://www.url.com3",
        "http://www.url.com4",
        "http://www.url.com5",
        "http://www.url.com6",
    ]
    //文本对应的链接
    var Links = [
        "列表文本内容0",
        "列表文本内容1",
        "列表文本内容2",
        "列表文本内容3",
        "列表文本内容4",
        "列表文本内容5",
        "列表文本内容6",
    ]

    输出一个像这样的列表:

    <li><a href="http://www.url.com0">列表文本内容0</a></li>
    <li><a href="http://www.url.com1">列表文本内容1</a></li>
    <li><a href="http://www.url.com2">列表文本内容2</a></li>
    <li><a href="http://www.url.com3">列表文本内容3</a></li>
    <li><a href="http://www.url.com4">列表文本内容3</a></li>
    <li><a href="http://www.url.com5">列表文本内容5</a></li>
    <li><a href="http://www.url.com6">列表文本内容6</a></li>
    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 孤傲何妨 普通会员 1楼

      在JavaScript中,你可以使用map()join()方法同时将两个长度相同的数组输出到同一个列表。以下是一个示例:

      ```javascript let arr1 = [1, 2, 3, 4, 5]; let arr2 = [6, 7, 8, 9, 10];

      let result = arr1.map((item, index) => { return ${index + 1}. ${item}; }).join(', ');

      console.log(result); // 输出:1.1, 1.2, 1.3, 1.4, 1.5, 2.6, 2.7, 2.8, 2.9, 3.0, 4.1, 4.2, 4.3, 4.4, 4.5, 4.6, 4.7, 4.8, 4.9, 5.0 ```

      在这个示例中,我们首先定义了两个长度相同的数组arr1arr2。然后,我们使用map()方法对每个元素应用一个函数,该函数接受一个item参数和一个index参数,并返回一个字符串。这个字符串的格式是index + 1. ${item},其中index + 1表示数组中的索引加1,item是数组中的当前元素。最后,我们使用join()方法将所有的字符串连接成一个字符串,并将结果存储在变量result中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部