APIから取得した値を別のJSファイルで定義している連想配列にセットしたい

Question

APIからLIST型で値を取得しています。
そのAPIを叩いたJSとは別のJSの連想配列に渡したいです。

APIから値が取得出来ていることは確認ができました。
しかし、セットした先で呼び出しても値が空になってしまいます。

どのような書き方をすれば値を渡せますでしょうか？

import validate from '../store/validate'

methods:{
 onChangeLanguage(language) {
      .get(`/api/localization/apptext`)
             .then((res) => {  
　　　　　　　 //ここでresponseから取得した配列を渡しています。
                    validate.validateType = res.data.validation  

　　　　　}

 const  validateType   = {
      postalCodeRegexPattern:'',
      OnlyIntegerForClient:'',
      phoneNumberRegexPattern:'',
      emailAddressRegexPattern:''
}

Comments

[takapiro99]

受け手側で、API を叩く関数を呼び出すのはどうでしょうか？

詳細がなさすぎて回答できません。

[bkprg]

>受け手側で、API を叩く関数を呼び出すのはどうでしょうか？
こちらは難しいと思います。（APIを2つ同時に叩くことのなってしまいます）

いずれにせよ、importで読み込んだJS内の変数や配列に対して値を渡すことは無理なのでしょうか？

[takapiro99]

配列でしたら、参照渡しではなく、ディープコピーをすればよいのではないでしょうか？

import 対象の配列;
const 受け手側で使う変数 = [...対象の配列]

[bkprg]

上記の処理を受け手側で行うということでしょうか？

//受け手側.js
import API実行しているJS
const 配列　= importしたJSで定義している配列

[bkprg]

すみません。ディープコピーも試みたのですができませんでした・・・

[takapiro99]

> 上記の処理を受け手側で行うということでしょうか？
そうです

どのようにできませんでしたか？