Изменение данных в массиве

[barstyle]

var api = {
            "data": {
                "personal": {
                    "name": "Ivanov",
                    "mail": "nekto@mail.necto",
                    "regdate": "10.10.2000"
                },
                "contents": [
                  {
                      "ID": 1617,
                      "name": "NAME-1",
                      "val": 6
                  },
                  {
                      "ID": 825,
                      "name": "NAME-2",
                      "val": 8
                  }
                ],
            }
        };
      
      
      
        var el;
        for (var cart in api.data.personal) {
            el = api.data.personal[cart];
          
          if(cart == "name") cart = "Имя: ";
          if(cart == "mail") cart = "почта: ";
          
            document.write(cart + ' [' + el + ']<br>');
        };

        for (var key in api.data.contents) {
            el = api.data.contents[key];
            
              for (var prop in el)
                document.write( '№ - '+key + ': ' + prop + '--' + el[prop] + '<br>');
        };

соответственно результат работы этого скрипта

[url]http://learn.javascript.ru/play/eNS2bc[/url]

[CODE]Имя: [Ivanov]
почта: [nekto@mail.necto]
regdate [10.10.2000]
№ - 0: ID--1617
№ - 0: name--NAME-1
№ - 0: val--6
№ - 1: ID--825
№ - 1: name--NAME-2
№ - 1: val--8
[/CODE]

первая проблема с которой столкнулся.
Замена значений во втором цикле

ID на ИД к примеру.

и вторая, это не проблема а вопрос, просто не понимаю как это реализовать правильно в JS

вывод определенных значений из массива. К примеру надо вывести только ID, name.

В пхп просто создавалась переменные в цикле и уже в нужном месте выводились через тот же echo. А тут споткнулся на этом моменте.