數組的處理1

簡介

在開發中常會處理大量的數據，有時需要將數據處理爲我們需要的格式，熟練的使用數組的各項操作，能極大節省開發效率。

例子

Demo1

將arrOrigin的數據處理成arrNew的數據格式。

arrOrigin

	let arrOrigin = [
        {
            msgList: [
                {
                    name: 'aa-1',
                    id: 'a-1'
                },
                {
                    name: 'aa-2',
                    id: 'a-1'
                }
            ],
            imsgSender: '11-11'
        },
        {
            msgList: [
                {
                    name: 'bb-1',
                    id: 'b-1'
                },
                {
                    name: 'bb-2',
                    id: 'b-1'
                }
            ],
            imsgSender: '22-22'
        },
    ];

arrNew

	let arrNew = [
        {
            msgList: [
                {
                    name: 'aa-1',
                    id: 'a-1',
                    imsgSender: '11-11'
                },
                {
                    name: 'aa-2',
                    id: 'a-1',
                    imsgSender: '11-11'
                }
            ],
        },
        {
            msgList: [
                {
                    name: 'bb-1',
                    id: 'b-1',
                    imsgSender: '22-22'
                },
                {
                    name: 'bb-2',
                    id: 'b-1',
                    imsgSender: '22-22'
                }
            ],
        },
    ]

實現方法

	let arrNewData = arrOrigin.map(item1 => {
        return {
            msgList: [
                ...item1.msgList.map(item2 => {
                    item2.imsgSender = item1.imsgSender
                    return item2;
                })
            ]
        }
    })
    console.log(arrNewData);

打印結果：

Demo2

將arrOrigin的數據處理成arrNew的數據格式。

arrOrigin

 	let arrOrigin = [
        {
            msgList: [
                {
                    name: 'aa-1',
                    id: 'a-1'
                },
                {
                    name: 'aa-2',
                    id: 'a-1'
                }
            ],
            imsgSender: '11-11'
        },
        {
            msgList: [
                {
                    name: 'bb-1',
                    id: 'b-1'
                },
                {
                    name: 'bb-2',
                    id: 'b-1'
                }
            ],
            imsgSender: '22-22'
        },
    ]

arrNew

	let arrNew = [
        {
            name: 'aa-1',
            id: 'a-1',
            imsgSender: '11-11'
        },
        {
            name: 'aa-2',
            id: 'a-1',
            imsgSender: '11-11'
        },
        {
            name: 'bb-1',
            id: 'b-1',
            imsgSender: '22-22'
        },
        {
            name: 'bb-2',
            id: 'b-1',
            imsgSender: '22-22'
        }
    ]

實現方法

	let newArr = [];
    arrOrigin.map(item1 => {
        item1.msgList && item1.msgList.map(item2 => {
            newArr.push({
                ...item2,
                imsgSender: item1.imsgSender
            })
        })
    })
    console.log(newArr)

打印結果：

Demo3

將arrOrigin的數據處理成arrNew的數據格式。

arrOrigin

	let arrOrigin = [
        {
            msgList: [
                {
                    name: 'aa-1',
                    id: 'a-1'
                },
                {
                    name: 'aa-2',
                    id: 'a-1'
                }
            ],
            imsgSender: '11-11'
        },
        {
            msgList: [
                {
                    name: 'bb-1',
                    id: 'b-1'
                },
                {
                    name: 'bb-2',
                    id: 'b-1'
                }
            ],
            imsgSender: '22-22'
        },
    ]

arrNew

	let arrNew = [
        {
            imsgSender: '11-11'
        },
        {
            imsgSender: '22-22'
        }
    ]

實現方法

	let arrNewData = arrOrigin.map(item1 => {
        return {
            imsgSender: item1.imsgSender
        }
    })
    console.log(arrNewData);

打印結果：

後續未完,請繼續關注,Thanks!☺