修改数组中对象的值（各种方法）

最新推荐文章于 2024-06-25 17:30:25 发布

sunhongyu007

最新推荐文章于 2024-06-25 17:30:25 发布

阅读量1.6w

点赞数 14

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

本文链接：https://blog.csdn.net/m0_51708342/article/details/120654998

版权

JavaScript 同时被 2 个专栏收录

15 篇文章 3 订阅

订阅专栏

es6

3 篇文章 1 订阅

订阅专栏

这篇博客探讨了如何使用JavaScript操作数组对象，特别是针对含有特定键值的对象进行文本修改。示例中展示了for循环、forEach、map、reduce和filter等方法的应用，强调了在找到特定键（如'name1'）时更新其对应文本的方法。

摘要由CSDN通过智能技术生成

<script>
    const Object = [ 
        {key:'name1', text:'名字1'},
        {key:'name2', text:'名字2'},
        {key:'name3', text:'名字3'},
        {key:'name4', text:'名字4'},
        {key:'name5', text:'名字5'},
        {key:'name6', text:'名字6'}
    ]

    //  for (let i = 0; i < Object.length; i++) {
    //      if (Object[i].key == 'name1') {
    //         Object[i].text = '刘鑫沙b'
    //      }
    //  }

    // Object.forEach(e => {
    //    if ( e.key == 'name1') {
    //        e.text='刘鑫sb'
    //    }
    // });

    // Object.map((item)=>{
    //     if (item.key == 'name1') {
    //         item.text= '刘鑫沙1b'
    //     }
    // })

    // Object.reduce((item)=>{
    //     if (item.key == 'name1') {
    //         item.text= '刘鑫沙22b'
    //     }
    //     return item
    // })

    // Object.findIndex((i=>{
    //     if (i.key=='name1') {
    //         i.text = 'liuxing sb '
    //     }
    // }))

    Object.filter((i=>{
        if (i.key=='name1') {
            i.text = 'liuxing  is sb '
        }
    }))

    //    let xxx = Object.filter((e) => e.key === 'name1')
    //         xxx[0].text= 'sbgy'
    //         console.log(xxx,'---> 新数组');

    // Object.filter(item=>{
    //     if (item.key == 'name1') {
    //         item.text = '刘鑫是大傻逼'
    //     }
    // })
    
    console.log(Object);

</script>