javascript - 配列の各項目の前にテキストを追加するにはどうすればよいですか?

Question

クラス「menu-item-li」を含むすべての要素を通過し、href タグの値を配列内に配置するこのコードがあります。これを行うコードは次のとおりです。

var arr = new Array();
$(".menu-item-li").each(function() {
    arr.push($(this).attr("href"));
});

これらは次のようなものを返します。

今私がやりたいことは、配列内の各項目の前にテキストを配置することです。各項目の前に「website/」を置きたいとします。結果は次のようになります。

配列内の各項目の先頭に「website/」を追加できるように、Javascript コードを編集するにはどうすればよいですか?

ありがとう！

score 3 · Accepted Answer

arr.push('website/' + $(this).attr("href"));ですが、メソッドを使用することもできます.map。

var arr = $(".menu-item-li").map(function() {
    return 'website/' + $(this).attr("href");
});

score 1 · Accepted Answer

配列に<a>要素のリストが含まれている場合 - プロパティを使用しているため、クラス名にもかかわらず、それを想定していhrefます - 単純に:

var arr = $(".menu-item-li").map(function() {
    return "website/" + this.href;
});

this実際には、再度 jQuery onを呼び出してメソッドを呼び出す必要はありませんattr。無駄です。

score 1 · Accepted Answer

var arr = new Array();
$(".menu-item-li").each(function() {
    var str = "website/"+$(this).attr("href");
    arr.push(str);
});

score 0 · Accepted Answer

これを使って、

var arr = new Array();
$(".menu-item-li").each(function() {
    arr.push('website/' + $(this).attr("href"));
});

4 に答える 4