jsでオブジェクトの中身をconsole.logするには

Question

$Apple = ['test' => '1'];
$Apple_js = json_encode($Apple);

let js_array = '<?php echo $Apple_js; ?>'
  $(function() {
    console.log(js_array)
  });

{"test":"1"}

調べたらこれは配列ではなく、オブジェクトというみたいですね。

これを存在チェックで、中身が1なら***みたいにifの条件に入れたいです。
console.logで試しに、js_array.test　としてみたんですが取得できませんでした。
どう取得するものですか？
また、配列にした場合はどうなりますか？

Answer 1

これではだめですか？

console.log(JSON.parse(js_array).test)

Comments

[momolength]

とれました。
これはなぜこうするべきなんでしょうか？

[tkturbo]

phpからjavascriptにデータを渡す段階で文字列化されているのです。
javascriptで文字列を再オブジェクト化するのに「JSON.parse()」でもって「文字列→オブジェクト」変換してあげる必要があります。

[tkturbo]

そもそもJSONというのがオブジェクト形式のデータを文字列として複数言語間でやり取りするものなので。。。

Answer 2

console.logで試しに、js_array.test　としてみたんですが取得できませんでした。

js_arrayは文字列になっている気がします
これで取れますか？

let js_array = <?php echo $Apple_js; ?>
console.log(js_array.test)


// オブジェクト { test: 1 }
console.log(js_array.test)

// 配列 [{ test: 1 }]
console.log(js_array[0].test)

Answer 3

PHP側で、JavaScriptオブジェクトのような文字列となっているならば、
'はいりません。

<script>
let js_array = <?php echo $Apple_js; ?>;

$(function() {
  console.log(js_array.test);
});
</script>