Script.js dosyasına linkleri farklı dosyadan okutma?

Web sitemin Script dosyasında linkler yer alıyor. Fakat bu linkler gittikçe daha da çoğaldığı için (eklemelerle) script.js dosyası kalabalıklaştı. Ben de farklı bir dosyada tutmak istiyorum. Bu konuda yapay zekadan yardım almaya çalıştım ama beceremedi Links.json dosyası oluşturup, linkleri burada saklayabileceğimi yazdı ama işe yaramadı. Bu konuda bilgisi olanlar yardımcı olabilirse memnun olurum.

Düzenleme: ** Bu arada bu linkler butonlara atandı. Butonlara basıldığında yönlendirme yapılıyor. links.json dosyasına yerleştirdiğimde butonlar çalışmıyor. **

Merhaba json olarak değilde direkt .js olarak tutup örnk;

const links = [
    {        name: "Link 1",        url: "https://www.example1.com"    },
    {        name: "Link 2",        url: "https://www.example2.com"    },
    {        name: "Link 3",        url: "https://www.example3.com"    }
];
/*isterseniz array içersinde değişkenlerde oluşturabilirsiniz*/
 export default links;

daha sonra kullanmak istediğiniz dosyalarda import edin ve kullanın.

import links from './links.js';
const firstLinkUrl = links[0].url;
console.log(`İlk linkin URL'si: ${firstLinkUrl}`);

Hocam cevap için teşekkür ederim. Bende ki kod yapısını şöyle vereyim;

{
  "spotifyYerliLinks": [
'spotify://track/###?nocache=' + timestamp,
'spotify://track/###?nocache=' + timestamp,
];

Bu kod yapısında olmalı. Nasıl çeviririm bilemedim.

Bak bu links.js olsun

const spotifyYerliLinks = [
 `spotify://track/1?nocache=${timestamp}`,  
`spotify://track/2?nocache=${timestamp}`,  
// Daha fazla link ekleyebilirsiniz. ];
export default spotifyYerliLinks

Sonra kullanacağın dosyaya imoort et ve istediğin link in index sayısına göre çek.

import { spotifyYerliLinks } from './links.js';

// Örnek: Bir butona link atama
const ButtonComponent = () => {
  return (
    <div>
      <button href={spotifyYerliLinks[0]}>Link 1</button>
      <button href={spotifyYerliLinks[1]}>Link 2</button>
    </div>
  );
};

export default ButtonComponent;

@MernStack Hocam biraz eksik anlattım durumu. O yüzden detay vereyim;
Spo ve YT butonları var ve linkler bu butonlara göre ayrıldı. Vocal-Müzik-Enstrümental ayarlaması yapılan bir bar var (ortada ki Müzik'in görevi, Vocal ve Enstrümentalin ortak kullanılması işlevinde). Şimdi burada Spo butonunun linkleri farklı, YT butonunun linkleri farklı ve bu butonlara her bastığınızda belirlenen seçenekler dahilinde linkler rastgele açılıyor. Ben de burada bu linkleri farklı bir dosyada barındırmak istiyorum. Olay bu. Şu an bu linkler Script.js içersinide yer alıyor ve Script.js dosyası aşırı kalabalıklaştı.

Hocam tekrardan merhaba. Bu şekilde ne yapmak istediğini tam anlayamadım. Sen bana özelden bir wp iletişim numarası gönder. Ben saat akşam 6 7 gibi sana dönüş yardımcı olmaya çalışayım olurmu?