Знак Javascript (+) об'єднується замість подання суми змінних

Чому, коли я використовую це: (припускаючи i = 1)

divID = "question-" + i+1;

Я отримую питання-11, а не питання-2 ?

Використовуйте замість цього:

var divID = "question-" + (i+1)

Це досить поширена проблема, яка трапляється не лише в JavaScript. Ідея полягає в тому, що +може представляти як об’єднання, так і додавання.

Оскільки оператор + буде оброблятися зліва направо, рішення у вашому коді виглядають так:

• "question-" + i: оскільки "question-"це рядок, ми зробимо конкатенацію, в результаті чого"question-1"
• "question-1" + 1: оскільки "queston-1"це рядок, ми зробимо конкатенацію, в результаті чого "question-11".

З "question-" + (i+1)цим по-іншому:

• оскільки (i+1)в дужках є, його значення потрібно обчислити перед тим, як +можна застосувати перше :
  • iє числовим, 1є числовим, тому ми зробимо додавання, в результаті чого2
• "question-" + 2: оскільки "question-"це рядок, ми зробимо конкатенацію, в результаті чого "question-2".

Ви також можете використовувати це

divID = "question-" + (i*1+1); 

щоб бути впевненим у цьому i перетворюється на ціле число.

Використовуйте лише:

divID = "question-" + parseInt(i) + 1;

Коли "n" походить із поля вводу html або оголошується як рядок, вам потрібно використовувати явне перетворення.

var n = "1"; //type is string
var frstCol = 5;
lstCol = frstCol + parseInt(n);

Якщо "n" ціле число, перетворення не потрібно.

n = 1; //type is int
var frstCol = 5, lstCol = frstCol + n;

Оскільки ви об'єднуєте числа в рядок, все це трактується як рядок. Коли ви хочете скласти числа разом, вам потрібно зробити це окремо і призначити його var і використовувати цей var, наприклад:

i = i + 1;
divID = "question-" + i;

Або вам потрібно вказати додавання номера таким чином:

divID = "question-" + Number(i+1);

РЕДАГУВАТИ

Я повинен був це додати давно, але виходячи з коментарів, це також працює:

divID = "question-" + (i+1);

divID = "question-" + parseInt(i+1,10);

перевірте тут , це JSFiddle

Додайте дужки

divID = "question-" + (i+1);

використання фігурних дужок навколо чисел буде розглядатися як додавання замість concat.

divID = "question-" + (i+1)

Причиною цього ви є порядок переваги операторів та той факт, що +використовується як для об’єднання рядків, так і для виконання числового додавання.

У вашому випадку об'єднання "питання-" та i відбувається спочатку, даючи рядок "question = 1". Потім ще одна конкатенація рядків із "1", що дає "питання-11".

Вам просто потрібно дати перекладачеві підказку щодо того, який порядок попередньої підготовки ви хочете.

divID = "question-" + (i+1);

Відповідь Йоахіма Зауера спрацює у подібних сценаріях. Але є деякі випадки, коли додавання дужок не допоможе.

Наприклад: Ви передаєте "суму значення вхідного елемента та ціле число" як аргумент функції.

arg1 = $("#elemId").val();   // value is treated as string
arg2 = 1;
someFuntion(arg1 + arg2);    // and so the values are merged here
someFuntion((arg1 + arg2));  // and here

Ви можете змусити це працювати, використовуючи Number()

arg1 = Number($("#elemId").val());
arg2 = 1;
someFuntion(arg1 + arg2);

або

arg1 = $("#elemId").val();
arg2 = 1;
someFuntion(Number(arg1) + arg2);

Іншою альтернативою може бути використання:

divID = "question-" + (i - -1);

Віднімання мінуса - це те саме, що додавання, а мінус не можна використовувати для конкатенації

Редагувати: забув, що дужки все ще необхідні, оскільки код читається зліва направо.

var divID = "question-" + (parseInt(i)+1);

Використовуйте цей +оператор, щоб поводитись так concat, тому він показує 11.

Слід бути обережним, що iце ціла кількість змінної. У javaScript ми не вказуємо тип даних під час оголошення змінних, але наша ініціалізація може гарантувати, що наша змінна має певний тип даних.

Доброю практикою є ініціалізація змінних оголошення:

• У разі цілих чисел, var num = 0;
• У випадку рядків, var str = "";

Навіть якщо ваша iзмінна є цілим числом, +оператор може виконувати конкатенацію замість додавання.

У випадку з вашою проблемою ви припустили це i = 1, щоб отримати 2додаткову інформацію про 1спробу використання (i-1+2). Використання ()-розділу не буде необхідним.

- (мінус оператор) не можна неправильно зрозуміти, і ви не отримаєте несподіваних результатів.

Одне місце, в якому пропозиція дужок не вдається, це якщо, скажімо, обидва числа є вхідними змінними HTML. Скажімо, a і b - це змінні, і ми отримуємо їх значення наступним чином (я не фахівець з HTML, але мій син зіткнувся з цим, і рішення дужок не було, тобто

• Вхідні дані HTML були призначені числовими значеннями для змінних a і b, тому, скажімо, вхідні дані були 2 і 3.
• Нижче подано результати виведення конкатенації рядків: a + b відображається 23; + a + b відображається 23; (a) + (b) відображається 23;
• З наведених вище пропозицій ми спробували успішно: номер (а) + номер (б) відображається 5; відображається parseInt (a) + parseInt (b) 5.

Дякуємо за допомогу, просто FYI - це дуже заплутало, і я його тато закричав на те, що "це було виною Blogger.com" - ні, це особливість введення HTML за замовчуванням у поєднанні з оператором "додавання", коли вони трапляються разом, інтерпретація за замовчуванням для всіх і будь-якої вхідної змінної є такою для рядка, а отже оператор додавання діє, природно, у своїй подвійній / паралельній ролі тепер як оператор конкатенації, оскільки, як ви пояснювали вище, це протокол інтерпретації лівого вирівнювання у Java та Java-скрипті після цього. Дуже цікавий факт. Ви, люди, запропонували рішення, я додаю деталі для інших, хто стикається з цим.

Просто як легко ... кожен тип введення, якщо він не визначений у HTML, розглядається як рядок. Через це оператор плюс "+" об'єднується.

Використовуйте parseInt (i), ніж значення "i" буде передано в Integer.

Тоді оператор "+" буде працювати як додавання.

У вашому випадку зробіть так: -

divID = "question-" + parseInt(i)+1;