Как правильно join Object?

Question

[Ninja Mate]

Есть два обьекта, которые нужно совместить в один.

(string)=>{
    var subDocString = that.state.subDocString;
    var assignSubDocString = {subDocString, string};
    //записали в новую переменную старое или пустое значение,
   // создали новый обьект и записали оба                                               
 that.setState({ subDocString: assignSubDocString});
}

assignSubDocString == {"subDocString":{"stack": ....}, "string":{"stack": ....}}

плучается так, а нужно

assignSubDocString == {{"stack": ....}, {"stack": ....}}

Как такое сделать?

Comments

[Roman]

> assignSubDocString == {{"stack": ....}, {"stack": ....}}
Так сделать в JS нельзя, у элемента объекта (хэша) обязательно должен быть ключ.

[Ninja Mate]

Роман: мне кажется индексы зададуться сами, мне нужно избавиться от имени переменной как ключа.

Answer 1

[Антон Измайлов]

А так у вас не получится, элементы объекта требуют ключа. Используйте массивы [{},{}]

Comments

[Ninja Mate]

меняем угол обзора, а если формировать стринг в том виде в каком я его хочу видеть?

[Антон Измайлов]

Ninja Mate: array.push(object)

[Ninja Mate]

спасибо за помощь

Answer 2

[Александр Ме]

Давай так

var assignSubDocString = Object.assign(subDocString, string);

Comments

[Ninja Mate]

хм получается полная замена обьекта, у них одинаковые ключи.

[Александр Ме]

А по какому тогда принципу нужно совместить два объекта с одинаковыми ключами? Неясно. Дай больше вводных

[Ninja Mate]

Александр Медведев:
есть вот такая структура pdf

var docDefinition = {
                    pageMargins: [40, 80, 40, 40],
                    header: function() {
                        var _left = 10;
                        return {
                            margin: [_left, 10,10,10],
                            columns: [
                                {
                                    image: imgLogo,
                                    width: 90
                                },

                                {
                                    stack: [
                                        that.props.chartName,
                                        { text: today.getMonth()+1 + '/' + today.getDate() + '/' + today.getFullYear() , style: 'subheader' }
                                    ],
                                    style: 'header'

                                }
                            ]
                        }
                    },
                    footer: function(currentPage, pageCount) {
                        return {
                            columns: [
                                {
                                    text: 'http://davisdotcom.com.au/',
                                    style: 'link'
                                },
                                {
                                    stack: [
                                        currentPage.toString() + ' of ' + pageCount
                                    ],
                                    style: 'footer'

                                }
                            ]
                        }
                    },
                    content: [
                        {
                            image: imgData,
                            width: 400,
                            height: 300,
                            margin: [47, 3, 0, 11]
                        },
                        {
                            stack: [
                                { text: [
                                    table
                                ]
                                }
                            ],
                            fontSize: 10
                        },
                        {
                            stack: [
//сюда нужно все остальные раздемы запихать
                                that.state.subDocString
                            ],
                            fontSize: 10
                        }
                        
                    ],
                    styles: {
                        header: {
                            fontSize: 15,
                            bold: true,
                            alignment: 'right',
                            margin: [10,10,10,10]
                        },
                        footer: {
                            fontSize: 10,
                            bold: true,
                            alignment: 'right',
                            margin: [10,10,10,10]
                        },
                        link: {
                            fontSize: 6,
                            bold: false,
                            alignment: 'left',
                            margin: [20,10,10,5]
                        },
                        subheader: {
                            fontSize: 9,
                            bold: false
                        }
                    }
                };
//разделы выглядят так, если один добавлять то все ок, если несколько, то уже не работает

//так выглядит саб секция и таких должно быт несколько в одном обьекте
subDocString = {
            stack: [
                {
                    image: imgData,
                    width: 400,
                    height: 300,
                    margin: [47, 3, 0, 11]
                },
                {
                    stack: [
                        { text: [
                            table
                        ]
                        }
                    ],
                    fontSize: 10
                }
            ],
            styles: {
                header: {
                    fontSize: 15,
                    bold: true,
                    alignment: 'right',
                    margin: [10,10,10,10]
                },
                footer: {
                    fontSize: 10,
                    bold: true,
                    alignment: 'right',
                    margin: [10,10,10,10]
                },
                link: {
                    fontSize: 6,
                    bold: false,
                    alignment: 'left',
                    margin: [20,10,10,5]
                },
                subheader: {
                    fontSize: 9,
                    bold: false
                }
            }
        }