Pass php object to a javascript function

To avoid quotes collision just store your json as an object somewhere:

<?php
$test = array('Apple', 'Banana', 'Lemon');
?>

<a href="javascript:;" onclick="myfuntion();">Send object</a>

<script type="text/javascript">
var data = <?php echo json_encode($test) ?>;

function myfuntion()
{
    console.log("What is first fruit: "+data[0]);
}
</script>

Or using an argument:

<?php
$test = array('Apple', 'Banana', 'Lemon');
?>

<script type="text/javascript">
var data = <?php echo json_encode($test) ?>;
</script>    
<a href="javascript:;" onclick="myfuntion(data);">Send object</a>

<script type="text/javascript">
function myfuntion(jsonObj)
{
    console.log("What is first fruit: "+jsonObj[0]);
}
</script>

Instead of pass in function direct use $test array json in js like this.

<?php
$test = array('Apple', 'Banana', 'Lemon');
?>

<a href="javascript:;" onclick="myfuntion();">Send object</a>

<script type="text/javascript">
function myfuntion()
{
    var test = <?php echo json_encode($test); ?>;

    for(var i=0; i<test.length; i++){
    console.log("What is first fruit: "+test[i]);

    }

}
</script>

If you pass in a tag then it passes a string instead of json.

Hope this is helpful to you.

You are missing parentheses for PHP code inside myfuntion.

<a href="javascript:;" onclick="myfuntion(<?php echo json_encode($test) ?>);">Send object</a>

You are doing correct only thing missing is, you need to surround passed argument in parentheses as below.

<a href="javascript:;"
  onclick="myfuntion('<?php echo json_encode($test) ?>');">Send object</a>

Because your code will echo json encoded values/string in argument (and string must be inside single of double quotes) and function arguments must needs to be surrounded in parentheses. But if it is number then it will work but when you are dealing with objects and array you must need to enclose them in ''.

And in your js code just parse that argument to JSON using JSON.parse method.