JavaScript 配列に詳しい方教えて下さい

Question

前提・実現したいこと

①dataという配列に2つidを入れます
②dataという配列にdata2のhelloが存在するかチェックしたいです
idの部分で照合をしたいのですがどう書けばいいかわからずにいます
if(data.includes("id:"+data2[0]))では動きませんでした
詳しい方教えてください

該当のソースコード

<script>
var data=[];
var data2=["hello"];
window.onload=function(){

data.push({id:"hello",text:"aaa"});
data.push({id:"hello2",text:"aaa2"});

if(data.includes(data2[0])){
console.log(data+"内に"+data2[0]+"は存在する");
}
}
</script>

Comments

[m.ts10806]

Javascriptには「配列」そのものはないのでご注意を。全部「オブジェクト」です。故に「詳しい人」もいません。

[Zuishin]

あるみたいですよ。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array

> JavaScript の Array クラスはグローバルオブジェクトで、高水準、リスト風のオブジェクトである配列の構築に使用されます。

[m.ts10806]

「配列風オブジェクト」という認識なので、やはり配列と呼ぶのは違和感があります。

Answer 1

これでできます。

    if(data.some(d => d.id === data2[0])) {
        console.log(data+"内に"+data2[0]+"は存在する");
    }

Comments

[aswa]

先ほどはありがとうございました

存在するかどうかはわかったんですが、
存在した場合にインデックス番号を得るにはどうしたらいいでしょうか？

<script>
var data=[];
var data2=["hello"];
var data3=[];
window.onload=function(){
data.push({id:"hello",text:"aaa"});//0
data.push({id:"hello2",text:"aaa2"});//1
if(data.some(d => d.id === data2[0])) {

idx = data.indexOf(data2[0]);//0を返したい
alert(idx);

}
}
</script>

[itagagaki]

data.findIndex(d => d.id === data2[0])
見つかったインデックス番号になります。
見つからなかった場合は -1 となります。
したがって存在するかどうかもこれだけでわかります。

[aswa]

ありがとうございます

Answer 2

<script>
var data=[];
var data2=["hello"];
window.onload=function(){

data.push({id:"hello",text:"aaa"});
data.push({id:"hello2",text:"aaa2"});

if(data.map(d => d.id).includes(data2[0])){
console.log(data+"内に"+data2[0]+"は存在する");
}
}
</script>

これでどうでしょうか。
mapでIDだけの配列に変形させてからincludesさせています

Comments

[aswa]

先ほどはありがとうございました

存在するかどうかはわかったんですが、
存在した場合にインデックス番号を得るにはどうしたらいいでしょうか？

<script>
var data=[];
var data2=["hello"];
var data3=[];
window.onload=function(){
data.push({id:"hello",text:"aaa"});//0
data.push({id:"hello2",text:"aaa2"});//1
if(data.map(d => d.id).includes(data2[0])){

idx = data.indexOf(data2[0]);//0を返したい
alert(idx);

}
}
</script>

[Waki285]

<script>
var data=[];
var data2=["hello"];
var data3=[];
window.onload=function(){
data.push({id:"hello",text:"aaa"});//0
data.push({id:"hello2",text:"aaa2"});//1
if(data.map(d => d.id).includes(data2[0])){

idx = data.map(d => d.id).indexOf(data2[0]);//0を返したい
alert(idx);

}
}
</script>

やはりmap化してindexOfすればでるとおもいます

[aswa]

ありがとうございました！