JSON.stringify ve JSON.parse işleminde yardım

Merhaba, Google maps javascript api ile bir koordinatın mesafe ölçüm sonucunu input içine alacaktım ama veriyi json formatıyla yolluyor.
Ben inputa sadece içindeki bir value değerini almak istiyorum. Javascriptin ilgili bölümü aşağıdadır, kodun düzenlenmesinde yardımcı olabilir misiniz?

service.getDistanceMatrix(request).then((response) => {
    var jokesfile = JSON.stringify(response);        
    document.querySelector('#sonuc').value = jokesfile;
});

Kodun çıktısı ise;

{"rows":[{"elements":[{"status":"NOT_FOUND"},{"distance":{"text":"3 m","value":3},"duration":{"text":"1 dakika","value":2},"status":"OK"}]},{"elements":[{"status":"NOT_FOUND"},{"status":"NOT_FOUND"}]}],"originAddresses":["",""],"destinationAddresses":["","İstanbul, Türkiye"]}

Ben bu çıktıya "distance içerisinde bulunan valuenin" değerinin yani sadece "3" değerinin gelmesini istiyorum. Bu işlem için javascript kodunu nasıl düzenlemeliyim.

service.getDistanceMatrix(request).then((response) => {  
 var distance = response.rows[0].elements[1].distance.text; // mesafeyi al    
document.querySelector('#sonuc').value = distance; // input içine yazdır 
});

içinde başka key değeri gelirse crash olabilir ama , değere jsn dersek,

let value = jsn.rows.length > 0 ? jsn.rows[0]["elements"][1]["distance"]["value"] : null

Hocam dönen response array olarak döndüğü ve içerisinde iç içe objeler olduğu için direkt olarak gelen datayı stringif yaparak ulaşamazsınız.
Aşağıdaki kod parçası ile istediğiniz value değerine ulaşabilirsiniz.

JSON.stringify(response.rows[0].elements[1].distance.value)

Tüm değerli cevaplarınız için çok teşekkür ederim. Sorun çözülmüştür desteğiniz için teşekkürler