Как передать массив из php в js и получить значение?

Добрый день, столкнулась с проблемой что при передачи массива из php в js не получается потом получить элемент этого массива.

Вот код PHP

$key = array_keys($_POST);
$nameTable = $key[0] . "_chat";

$query = $connect->query("SELECT message, sender, recipient FROM `$nameTable` ORDER BY id DESC LIMIT 30"); 
$arr = $query->fetchAll();

echo json_encode($arr);

Это код js

$.ajax({
                url: '/updateMessages',
                type: "POST",
                data: params['id'],
                success: function(result) {
                		alert(result);
                    }
              });

Плучается такой результат


Хотела получить элемент с помощью alert(result[0]);
Но выдает только одну букву а не элемент