Hola en este tutorial muestro cómo convertir a JSON un array:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.2.1.js" type="text/javascript"></script>
</head>
<body>
<?php
$conn = new PDO('mysql:host=localhost;dbname=cdcol', 'dwes', 'dwes');
$sqlFrase = "SELECT * FROM `productos`";
// echo $sqlFrase;
$sql = $conn->prepare($sqlFrase);
$sql->execute(array());
$resultado = $sql->fetchAll();
$jsonSelect = json_encode($resultado);
print $jsonSelect;
?>
<div id="resultado"></div>
<script>
var data=<?php echo $jsonSelect ?>;
document.getElementById("resultado").innerHTML=data[0].precio;
var texto="";
for(var i=0;i<Object.keys(data).length;i++){
texto=texto+"El id: "+data[i].id;
texto=texto+", la descripción: "+data[i].descripcion;
texto=texto+", el precio: "+data[i].precio+"€<br>";
}
document.getElementById("resultado").innerHTML=texto;
</script>
</body>
</html>