Почему i = undefiend. В Функции условие if, в условии цикл for?

Question

[Vann Damm]

Почему i = undefiend , хотя num которая пришла в функцию, внутри цикла имеет свое нормальное значение равное 10(например).

let someArr = [];
let someFunc=(num)=>{
    if(num>10){
        for(let i = num; i <= someLength; i++){
            someArr.push(i);
        }
    }
};
даже если привязать к новой переменной до цикла. то же самое

let someArr = [];
let someFunc=(num)=>{
    let saveNum = num;
    if(saveNum>10){
        for(let i = saveNum; i <= someLength; i++){
            someArr.push(i);
        }
    }
};

Comments

[Шохрух Шаймардонов]

Залейте в песочницу. Чтобы мы могли видеть ту же ошибку что у вас.

[Somewhere Intech]

Чувствую Вы что то скрыли, т.к. не может такого результата быть на нормальном v8

[Vann Damm]

Шохрух Шаймардонов, Вот этот кусок кода, не рабоатет третий if, я считываю номер нажатой кнопки, передаю его в функцию и проверяю , соответсвует ли она условию, а далее запускаю цикл, и в цикл передаю номер этой кнопки и использую в качестве i

export const Pagination = (props)=>{
    let [arrPage,arrnextPages] = useState([1,2,3,4,5,6,7,8,9,10]);
    let [prevPage,nextPages] = useState(1);
    const pageOnClick=(e=>{
        nextPages(parseInt(e.target.value));
        let stateUp = (page)=>{
            let pageNum = page + 10;
            if((page%10)!==0){
                props.getUsers(page);
            }
            if((page%10)===0&&prevPage>=page){

                arrnextPages([]);
                for (let i = 1; i<= page; i++){
                    arrPage.push(i)
                };
                arrPage.splice(-10);
                props.getUsers(page)
            }
            if((page%10)===0&&prevPage<page){
                for (var i = pageNum; i<= props.page; i--){
                    arrPage.push(i)
                };
                arrPage.splice(10);
                props.getUsers(page)
            }
        };
        stateUp(parseInt(e.target.value));
    });
    return (
      blabla
    )
};

[Vann Damm]

Johnny Lowhunter, Вот этот кусок кода, не рабоатет третий if, я считываю номер нажатой кнопки, передаю его в функцию и проверяю , соответсвует ли она условию, а далее запускаю цикл, и в цикл передаю номер этой кнопки и использую в качестве i

export const Pagination = (props)=>{
    let [arrPage,arrnextPages] = useState([1,2,3,4,5,6,7,8,9,10]);
    let [prevPage,nextPages] = useState(1);
    const pageOnClick=(e=>{
        nextPages(parseInt(e.target.value));
        let stateUp = (page)=>{
            let pageNum = page + 10;
            if((page%10)!==0){
                props.getUsers(page);
            }
            if((page%10)===0&&prevPage>=page){

                arrnextPages([]);
                for (let i = 1; i<= page; i++){
                    arrPage.push(i)
                };
                arrPage.splice(-10);
                props.getUsers(page)
            }
            if((page%10)===0&&prevPage<page){
                for (var i = pageNum; i<= props.page; i--){
                    arrPage.push(i)
                };
                arrPage.splice(10);
                props.getUsers(page)
            }
        };
        stateUp(parseInt(e.target.value));
    });
    return (
      blabla
    )
};

[Шохрух Шаймардонов]

effect_tw, таак. Давайте ка почитаете правила сервиса. Подсказка: код вставьте в тег "код", еще лучше сразу в песочницу(jsfiddle/codepen)

[Vann Damm]

Шохрух Шаймардонов, извиняюсь, не знал, сейчас исправлю

[Somewhere Intech]

effect_tw, я конечно не знаю что там случилось, но границы i <= с шагом i-- догнать не могу. Смоделируете одну ситуацию, т.е. фактические значения pageNum, prevPage и props.page подскажите?

[Vann Damm]

Johnny Lowhunter, pageNum-это кнопка на пагинации , например число 20. prevPage - это кнопка которую я нажимал(например 18) на пагинации до того как нажать число 20. props.page, максимальное количество кнопок пагинации там число 40 , её просто делением высчитал. Итого pageNum - 20 , prevPage -18, props.page-40

[Somewhere Intech]

effect_tw, за дачу ложных показаний атат))) Ну Вы гляньте Ваш изначальный вопрос и то что Вы тут скинули (задача - найди одно отличие)

[Somewhere Intech]

effect_tw, ответ:
i = 20; i < 40; i--
Бесконечная петля, в браузере такое зависает безнадежно, на чем запускаете?

[Vann Damm]

Johnny Lowhunter,аааа точно, спасиб о большое, редко пользуюсь i-- поэтому упустил условие

Answer 1

[dollar]

Потому что someLength меньше, чем num.
Таким образом, цикл начинается с i = num, но не проходит первую проверку на i <= someLength, в итоге в цикле ноль итераций, в результате которых в массив ничего не добавляется.

При этом i не равно undefined, оно равно именно num, но только в пределах цикла, который закончился сразу после того, как начался. А затем переменная i перестает существовать с точки зрения языка.

К слову, если сделать someArr.push(undefined), то длина массива изменится. Так что в отсутствии работы цикла легко убедиться, проверив, что someArr.length === 0

Comments

[Vann Damm]

Хороший вариант, но смотрел на дебаггере, и высчитывал это значение, оно точно больше чем i-num

[dollar]

effect_tw, ну, хорошо, попробуйте запустить в консоли такой код:

Код

let someArr = [];
let someFunc=(num)=>{
	if(num>10){
		for(let i = num; i <= someLength; i++){
			someArr.push(i);
		}
	}
};

var someLength = 20;
someFunc(15);
console.log(someArr); //проверка

Без всякого дебаггера работает прекрасно. Не вижу проблемы.

[Vann Damm]

dollar, Ваш пример работает. Вот мой кусок кода, не рабоатет третий if, я считываю номер нажатой кнопки, передаю его в функцию и проверяю , соответсвует ли она условию, а далее запускаю цикл, и в цикл передаю номер этой кнопки и использую в качестве i.

export const Pagination = (props)=>{
    let [arrPage,arrnextPages] = useState([1,2,3,4,5,6,7,8,9,10]);
    let [prevPage,nextPages] = useState(1);
    const pageOnClick=(e=>{
        nextPages(parseInt(e.target.value));
        let stateUp = (page)=>{
            let pageNum = page + 10;
            if((page%10)!==0){
                props.getUsers(page);
            }
            if((page%10)===0&&prevPage>=page){

                arrnextPages([]);
                for (let i = 1; i<= page; i++){
                    arrPage.push(i)
                };
                arrPage.splice(-10);
                props.getUsers(page)
            }
            if((page%10)===0&&prevPage<page){
                for (var i = pageNum; i<= props.page; i--){
                    arrPage.push(i)
                };
                arrPage.splice(10);
                props.getUsers(page)
            }
        };
        stateUp(parseInt(e.target.value));
    });
    return (
      blabla
    )
};

[Somewhere Intech]

effect_tw, так сказали же - условие не проходит потому i не инициализирует даже, внимательно посмотрите на переменные в условии

[Vann Damm]

Johnny Lowhunter, оно ведь приходит в цикл, но к i не привязывается

[Vann Damm]

Johnny Lowhunter,

[Vann Damm]

dollar, вы были правы. сделал условие как для i++ . А писал как для i--

[Somewhere Intech]

а тут бы ещё картинку "Эврика"))

Answer 2

[Egor]

Вы в num ничего не передаете, поэтому и undefined, и someLength нигде не определена

Comments

[Vann Damm]

Это я упростил, чтобы много не писать, на самом деле , код такой.. , не работает третий if.

[Egor]

effect_tw, у вас в цикле "пока i меньше props.page" уменьшаем i. Либо i++ поставьте, либо >=. Может поможет