javascript - 数组 : Put multple objects in array

Question

我有如下功能

    var resultObject = {
        testResult: $('.test').map(function() {
            return {name: $(this).text(), no:'1'};
        }).get()
    };
    
    console.log(resultObject);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="test">test1</div>
<div class="test">test2</div>
<div class="test">test3</div>

<div class="test2">1</div>
<div class="test2">2</div>
<div class="test2">3</div>http://stackoverflow.com/questions/ask#

“否”字段应该根据 class="test2" 但我似乎无法在 .map() 中执行类似 .map() 的操作

大更新!!

我看到下面有很多答案，其中大部分都可以解决问题，我也找到了解决问题的方法。

请让我分享一下，看看还有什么我可以改进的。

var test1= "";  

$(".test" ).each(function( index ) {
    test1 = $(this).text();
});

var test2=  $('.test2').map(function() {
        return {name: $(this).text(), no:test1};
}).get()

var sovCategories = test2;      

Answer 1

您不需要第二个循环。您可以使用 .eq() 通过相同的索引选择元素。

var resultObject = {
    testResult: $('.test').map(function(i) {
        return {
            name: $(this).text(), 
            no: $('.test2').eq(i).text(), 
        };
    }).get()
};

console.log(resultObject);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="test">test1</div>
<div class="test">test2</div>
<div class="test">test3</div>

<div class="test2">1</div>
<div class="test2">2</div>
<div class="test2">3</div>

只是因为我玩得很开心，还有一个更短的箭头函数版本! ;)

var resultObject = {
    testResult: $('.test').map((i, e) => ({
        name: $(e).text(), 
        no: $('.test2').eq(i).text()
    })).get()
};

console.log(resultObject);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="test">test1</div>
<div class="test">test2</div>
<div class="test">test3</div>

<div class="test2">1</div>
<div class="test2">2</div>
<div class="test2">3</div>