上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

for of 对象数组时如何获取下标

[复制链接]
  • TA的每日心情
    无聊
    2023-11-24 10:55
  • 签到天数: 61 天

    [LV.6]常住居民II

    14

    主题

    29

    回帖

    109

    积分

    中级工程师

    积分
    109
    发表于 2022-3-20 14:50:35 | 显示全部楼层 | 阅读模式
    悬赏1油猫币未解决
        showByteLen() {

            let i,
                text,
                byte,
                byteId,
                bytelen;

            //计算字符串字节长度
            let byteLen = str => {

                let bytelen = 0;

                if (str != undefined) {

                    if (str == "" || str.length == 0) {

                        return bytelen;

                    } else {

                        for (let i in str) {

                            if (str.charCodeAt(i) > 255) {

                                bytelen += 2;
                            }
                            else {

                                bytelen++;
                            }
                        }
                        return bytelen;

                    }
                }

            }
            for (let c of this.content_text) {
                //console.log(i);

                //获取评论内容
                text = c.innerText;
                //console.log(this.content_text);
                //console.log(Object.values(this.content_text).indexOf(c));


                //字节长度
                bytelen = byteLen(text);

                //创建显示字节长度的标签

                //byteId = "byte" + i;//报错
                byteId = "byte" + Object.values(this.content_text).indexOf(c);
                let ele = document.createElement("div");
                ele.setAttribute("id", byteId);
                ele.innerText = "is null";

                //将标签添加在评论下面
                c.appendChild(ele);
        }
    }
    我用for in时最后会有一个entries,导致appendChild报错,所以改成for of,
    我想要与this.content_text对象同步的下标值,
    除去Object.values(this.content_text).indexOf(c)写法还有没有更方便的写法了




  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-3-20 15:36:41 | 显示全部楼层
    for of印象里是没法获取下标的...
    至于更简单的方法坐等其他人给个解了
    我基础比较差...
    几种for循环都没记全
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-7-6 11:14
  • 签到天数: 253 天

    [LV.8]以坛为家I

    41

    主题

    319

    回帖

    2178

    积分

    荣誉开发者

    累计点滴改进,迈向完美品质。

    积分
    2178

    荣誉开发者油中2周年生态建设者

    发表于 2022-3-20 16:02:49 | 显示全部楼层
    本帖最后由 Hangover 于 2022-3-20 16:08 编辑

    for of获取数组对象下标
    1. let arr = [
    2.     { "key": 1, "value": 123 },
    3.     { "key": 2, "value": 1234 },
    4.     { "key": 3, "value": 12345 },
    5.     { "key": 4, "value": 123456 },
    6.     { "key": 5, "value": 1234567 },
    7. ]
    8. for (let i of arr.keys()) {
    9.     console.log(i,arr[i])
    10. }

    11. // => 0 {key: 1, value: 123}
    12. // => 1 {key: 2, value: 1234}
    13. // => 2 {key: 3, value: 12345}
    14. // => 3 {key: 4, value: 123456}
    15. // => 4 {key: 5, value: 1234567}
    复制代码



    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-3 00:00
  • 签到天数: 117 天

    [LV.6]常住居民II

    27

    主题

    588

    回帖

    521

    积分

    专家

    积分
    521

    油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2022-3-20 16:15:07 | 显示全部楼层
    据说 for (i = i; i < len; i++) 这种最快
    据说 字符串能转数组
    据说 获取字节长度不是那么简单哦,要考虑中文日文外星文。。。
    得蹲个大佬来
    入驻爱发电 让这世界充满爱 https://afdian.net/a/vpannice
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    22

    主题

    857

    回帖

    1356

    积分

    荣誉开发者

    积分
    1356

    荣誉开发者卓越贡献油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2022-3-20 20:23:14 | 显示全部楼层
    1. for (let [index, c] of this.content_text.entries())
    复制代码

    但是老实说这个做法有点“不务正业”,for...of设计出来就是只关心值不关心下标的,如果你想用下标遍历,直接传统for循环就可以了。另外for...in是用来遍历对象属性的,不应用于数组。
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表