Change language

How can I pass a PHP array to a JavaScript function?

Method 1: Using the json_encode() function:The json_encode()function is used to return a JSON representation of a value or array. The function can accept both one-dimensional and multi-dimensional arrays.steps :
  • Creating an array in PHP:
     "Geeks", 1 = > "for", 2 = > "Geeks",); ?> 
  • Using json_encode() to extract array elements
    var passedArray =  
Example : php 
// Create an array $ sampleArray = array ( 0 = > "Geeks", 1 = > "for", 2 = > "Geeks", )
?> < script >  
// Access the array elements
var passedArray = php echo json_encode ($sampleArray); ?>;  
// Display the array elements for (var i = 0; i < passedArray.length ; i ++ ) { document.write (passedArray [i]); }
< / script >
Output:
GeeksforGeeks 
Method 2: Using the PHP implode() function:implode() is used to concatenate array elements. The implode() function is an alias for the join() function and works exactly the same as the join() function. 
The implode() function is used to construct a string that becomes an array literal in JavaScript. So, if we have an array in PHP, we can pass it to JavaScript like this:
var passedArray = 
Example : php  
// Creating a PHP Array $ sampleArray = array (’Car’,’ Bike’, ’Boat’);  
?> < script type = " text / javascript " >  
// Using PHP implode() function
var passedArray = php echo ’[" ’. implode (’ "," ’, $sampleArray).’ "]’?>;  
// Printing the passed array elements document.write (passedArray); < / script >
Output:
Car, Bike, Boat 

Shop

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Best laptop for Minecraft

$590

Best laptop for engineering student

$

Best laptop for development

$

Best laptop for Cricut Maker

$

Best laptop for hacking

$890

Best laptop for Machine Learning

$950

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method