javaScript数组和对象相互转换

ゞ浴缸里的玫瑰 2023-10-06 23:02 31阅读 0赞

#### 阅读目录 ####

*  一、数组转对象
 *   *  1.1、forEach
     *  1.2、reduce
 *  二、对象转数组
 *   *  1、for...in
     *  2、map

## 一、数组转对象 ##

[{
         id: 1, name: '张三' },{
         id: 2, name: '李四' }]
    转换为
    {
        1:'张三 ', 2:'李四'}

### 1.1、forEach ###

let arr = [{
         id: 1, name: '张三' },{
         id: 2, name: '李四' }]
    let obj = {
        }
    arr.forEach(item => obj[item.value] = item.name)
    
    console.dir(obj)
    /*
        Object
        1: "张三"
        2: "李四"
    */

### 1.2、reduce ###

let arr = [{
         id: 1, name: '张三' },{
         id: 2, name: '李四' }]
    let obj = arr.reduce((obj, item) => ({
        ...obj,[item.id]: item.name}), {
        })
    
    console.dir(obj)
    /*
        Object
        1: "张三"
        2: "李四"
    */

## 二、对象转数组 ##

{
        1:'张三', 2:'李四'}
    
     转换为
    
    [{
         id: 1, name: '张三' },{
         id: 2, name: '李四' }]

### 1、for…in ###

let obj = {
        1:'张三', 2:'李四'}
    let arr = []
    for (let index in obj) {
        
        arr.push({
        
            'id': index,
            'name': obj[index]
        })
    }
    
    console.dir(arr)
    /*
        Array(2)
        0: {id: '1', name: '张三'}
        1: {id: '2', name: '李四'}
        length: 2
    */

### 2、map ###

let obj = {
        1:'张三', 2:'李四'}
    let arr = Object.keys(obj).map(index => ({
         id: index, name: obj[index]}))
    
    console.dir(arr)
    /*
        Array(2)
        0: {id: '1', name: '张三'}
        1: {id: '2', name: '李四'}
        length: 2
    */

发表评论取消回复

表情：

评论列表（有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript数组和对象相互转换

阅读目录一、数组转对象 1.1、forEach 1.2、reduce 二、对象转数组 1、for...in

ゞ浴缸里的玫瑰/ 2023年10月06日 23:02/ 0 赞/ 32 阅读

相关数组和list之间的相互转换

数组和list之间的相互转换数组转list 遍历 Arrays.asList()方法（有局限） Collections.a

素颜马尾好姑娘i/ 2023年10月01日 19:05/ 0 赞/ 60 阅读

相关 JAVA之数组和集合的相互转换

import java.util.Arrays; import java.util.List; import java.util.stream.Coll

た入场券/ 2022年12月03日 08:52/ 0 赞/ 245 阅读

相关 Java byte数组和文件相互转换

package com.amc.oainterface.service; import java.io.BufferedInputStream;

墨蓝/ 2022年06月17日 06:47/ 0 赞/ 279 阅读

相关 JavaScript 对象与 JSON 对象的相互转换

一、全局JSON对象 ES5定义了全局对象JSON，对解析JSON的行为制定了规范。 JSON对象有两个方法：stringify() 和 parse()。

╰+哭是因爲堅強的太久メ/ 2022年06月14日 11:29/ 0 赞/ 319 阅读

相关 Java 数组和集合的相互转换

System.out.println("-----数组转list-----"); String[] strs1 = new String[] {

旧城等待，/ 2022年05月31日 02:12/ 0 赞/ 448 阅读

相关 java数组和字符串相互转换

字符串转数组数组转字符串字符串转数组方法一：直接使用String的 .split()方法： public class JavaMeth

怼烎@/ 2022年05月19日 08:13/ 0 赞/ 282 阅读

相关 java中list和数组的相互转换

1 list转数组 // list转数组 List<String> strList = new ArrayList<String>(); strList.add("a

Myth丶恋晨/ 2022年04月24日 04:00/ 0 赞/ 366 阅读

相关 Java8数组和List相互转换

1 数组转换为List 1.1 使用java.util.Arrays工具类中的asList()方法 String[] arrays = { "a", "b"

桃扇骨/ 2021年09月27日 15:18/ 0 赞/ 573 阅读

相关 PHP字符串转为数组。数组转为字符串，数组和字符串相互转换

php 字符串转数组【字符串 -> 数组】 //核心方法 explode （字符串 -> 数组） $str = '1,2,3,4,5'; $arra

清疚/ 2021年08月29日 21:26/ 0 赞/ 629 阅读