indexOf('.png')
 

делю строку... пример: "name_0.png| name | english text | русский текст";
должна быть таблица.... только вот что получается "Cannot read property 'indexOf' of undefined"... почему так? переписывал много раз, где натупил?

(function createTable() {
    let tbod = document.getElementById('tbod'),
        arr_job = job.split('||');
    for (let i = 0; i < job.length; ++i) {
        let elem_tr = document.createElement('tr'),
            elem_td = '',
            arr_job1 = arr_job[i].split('|');
        for (let j = 0; j < arr_job[i].length; ++j) {
            if (arr_job1[j].indexOf('.png') != -1) {
                elem_td += '<td><img src="images/' + arr_job1[j] + '" alt=""></td>';
            } else {
                elem_td += '<td>' + arr_job1[j] + '</td>';
            }
        }
        elem_tr.innerHTML = elem_td;
        tbod.appendChild(elem_tr);
    }
})();

"|| name_0.png| name .... - что строка так и начинается с этого разделителя?

да именно:"name.png | name | english text | русский текст.||name1.png | name | english text | русский текст." и так далее....
сорри первые || отсутствуют

arr_job = job.split('||');
for (let i = 0; i < job.length; ++i)

И наверное все таки постфрексный инкремент.

prolk,

(function createTable() {
    let tbod = document.getElementById('tbod'),
        arr_job = job.split('||');
    for (let i = 0; i < arr_job.length; ++i) {
        let elem_tr = document.createElement('tr'),
            elem_td = '',
            arr_job1 = arr_job[i].split('|');
        for (let j = 0; j < arr_job1.length; ++j) {
            if (arr_job1[j].indexOf('.png') != -1) {
                elem_td += '<td><img src="images/' + arr_job1[j] + '" alt=""></td>';
            } else {
                elem_td += '<td>' + arr_job1[j] + '</td>';
            }
        }
        elem_tr.innerHTML = elem_td;
        tbod.appendChild(elem_tr);
    }
})();

насколько я знаю разницы нет ++i, или i++, но это для for, могу конечно и ошибаться.........

prolk,

(function createTable() {
    let tbod = document.getElementById('tbod'),
        arr_job = job.split('||');
    for (let i = 0; i < arr_job.length; ++i) {
        if(!arr_job[i].trim()) continue;
        let elem_tr = document.createElement('tr'),
            elem_td = '',
            arr_job1 = arr_job[i].split('|');
    for (let j = 0; j < arr_job1.length; ++j) {
            if (arr_job1[j].indexOf('.png') != -1) {
                elem_td += '<td><img src="images/' + arr_job1[j] + '" alt=""></td>';
            } else {
                elem_td += '<td>' + arr_job1[j] + '</td>';
            }
        }
        elem_tr.innerHTML = elem_td;
        tbod.appendChild(elem_tr);
    }
})();

Спасибо, потерялся в переменных..... для перебора.....буду внимательней:) :) :) :) :) :) :) :) :) :victory:

А у вас что иное? Оно в общем что так, что так будет работать, хотя префиксный дает очень небольшой выигрыш, ну это в Си я знаю, как с JS не могу сказать. Главное чтобы не пролететь, если понадобится использовать предыдущее состояние итератора.

спасибо, учту на будущее........