在javascript中附加对象时for循环不起作用

Question

我正在尝试从数组中追加对象。我尝试遍历数组，但它只将数组的一个元素附加到对象。 小提琴：https://jsfiddle.net/maherafrasiab/9ehkfvoc/3/

已编辑：

    var shers = {};
// the .pbgmain will return the following array.
    var all = [{sher: "some text"},{sher: "some text"},{sher: "some text"}];
//basically i want to convert the above array into object.
    var data = $('.pbgmain').each(function(i) {
        datas = $(this).text().trim(); 
        all.push({sher: datas})  
        for(var i = 0; i < 10; i++) {
            shers = all[i];
        }
    });

Answer 1

.pbgmain 将返回以下数组。

var all = [{sher: "some text"},{sher: "some text"},{sher: "some text"}];

你只需要这个 (and you don't need to use jQuery!)：

const elements         = document.querySelectorAll( '.pbgmain' );
const elementArray     = Array.from( elements );
const elementTexts     = elementArray.map( e => e.textContent.trim() );
const asArrayOfObjects = elementTexts.map( text => ( { sher: text } ) );
console.log( asArrayOfObjects );

如果你想更简洁，可以缩短为这个简洁：

const asArrayOfObjects = Array.from( document.querySelectorAll( '.pbgmain' ) ).map( e => ( { sher: e.textContent.trim() } );
console.log( asArrayOfObjects );