Anonymous
Как найти текущий индекс массива в JS
Сообщение
Anonymous » 28 май 2025, 21:08
Мне нужно найти текущий аудиоиндекс, который воспроизводится, когда я нажимаю на него. Я пытался использовать findIndex (), но он отображает ошибку: «Получите
http://127.0.0.1:5500/undefined 404 (не найдено) 'и' index.html: 1 uncaught (в обещании) не supportedError: не удалось загрузить, потому что не было обнаружено источника поддержки '. class = "Snippet-Code">
Код: Выделить всё
const allSongs = [ //Array of objects
{
id: 0,
title: "Scratching The Surface",
artist: "Quincy Larson",
duration: "4:25",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
},
{
id: 1,
title: "Can't Stay Down",
artist: "Quincy Larson",
duration: "4:15",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
},
{
id: 2,
title: "Still Learning",
artist: "Quincy Larson",
duration: "3:51",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
},
{
id: 3,
title: "Cruising for a Musing",
artist: "Quincy Larson",
duration: "3:34",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
},
{
id: 4,
title: "Never Not Favored",
artist: "Quincy Larson",
duration: "3:35",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
},
{
id: 5,
title: "From the Ground Up",
artist: "Quincy Larson",
duration: "3:12",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
},
{
id: 6,
title: "Walking on Air",
artist: "Quincy Larson",
duration: "3:25",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
},
{
id: 7,
title: "Can't Stop Me. Can't Even Slow Me Down.",
artist: "Quincy Larson",
duration: "3:52",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
},
{
id: 8,
title: "The Surest Way Out is Through",
artist: "Quincy Larson",
duration: "3:10",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
},
{
id: 9,
title: "Chasing That Feeling",
artist: "Quincy Larson",
duration: "2:43",
src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
},
];
const songs = allSongs.sort((a, b) => a.title.localeCompare(b.title)); //Sorted array
const audio = new Audio();
const renderSongs = () => { //Render songs
songs.forEach(data => {
playlist.innerHTML +=`
[*]
${data.title}
${data.artist}
${data.duration}
`;
});
}
renderSongs();
const playSongs = () => {
const index = songs.findIndex(ind => ind === songs.id); //the problem
audio.src = songs[index];
audio.play();
}
Подробнее здесь:
https://stackoverflow.com/questions/796 ... rray-in-js
1748455731
Anonymous
Мне нужно найти текущий аудиоиндекс, который воспроизводится, когда я нажимаю на него. Я пытался использовать findIndex (), но он отображает ошибку: «Получите http://127.0.0.1:5500/undefined 404 (не найдено) 'и' index.html: 1 uncaught (в обещании) не supportedError: не удалось загрузить, потому что не было обнаружено источника поддержки '. class = "Snippet-Code"> [code]const allSongs = [ //Array of objects { id: 0, title: "Scratching The Surface", artist: "Quincy Larson", duration: "4:25", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3", }, { id: 1, title: "Can't Stay Down", artist: "Quincy Larson", duration: "4:15", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3", }, { id: 2, title: "Still Learning", artist: "Quincy Larson", duration: "3:51", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3", }, { id: 3, title: "Cruising for a Musing", artist: "Quincy Larson", duration: "3:34", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3", }, { id: 4, title: "Never Not Favored", artist: "Quincy Larson", duration: "3:35", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3", }, { id: 5, title: "From the Ground Up", artist: "Quincy Larson", duration: "3:12", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3", }, { id: 6, title: "Walking on Air", artist: "Quincy Larson", duration: "3:25", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3", }, { id: 7, title: "Can't Stop Me. Can't Even Slow Me Down.", artist: "Quincy Larson", duration: "3:52", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3", }, { id: 8, title: "The Surest Way Out is Through", artist: "Quincy Larson", duration: "3:10", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3", }, { id: 9, title: "Chasing That Feeling", artist: "Quincy Larson", duration: "2:43", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3", }, ]; const songs = allSongs.sort((a, b) => a.title.localeCompare(b.title)); //Sorted array const audio = new Audio(); const renderSongs = () => { //Render songs songs.forEach(data => { playlist.innerHTML +=` [*] ${data.title} ${data.artist} ${data.duration} `; }); } renderSongs(); const playSongs = () => { const index = songs.findIndex(ind => ind === songs.id); //the problem audio.src = songs[index]; audio.play(); }[/code] Подробнее здесь: [url]https://stackoverflow.com/questions/79642725/how-to-find-a-current-index-of-array-in-js[/url]