Есть ли конструкция "else if" в JS?

Есть ли конструкция "else if" в JavaScript

Краткий ответ

Нет, else if — это не отдельная конструкция, а комбинация else и if. JavaScript обрабатывает else if как else { if (...) }. Но в практике это воспринимается как одна логическая конструкция.

Как работает else if

// else if — это комбинация else + if
if (condition1) {
  // код1
} else if (condition2) {
  // код2
} else if (condition3) {
  // код3
} else {
  // код4
}

// Это то же самое, что:
if (condition1) {
  // код1
} else {
  if (condition2) {
    // код2
  } else {
    if (condition3) {
      // код3
    } else {
      // код4
    }
  }
}

JavaScript просто позволяет писать это в виде else if для удобства.

Практический пример

const age = 25;

if (age < 13) {
  console.log('Child');
} else if (age < 18) {
  console.log('Teenager');
} else if (age < 65) {
  console.log('Adult');
} else {
  console.log('Senior');
}
// Вывод: Adult

Это эквивалентно:

if (age < 13) {
  console.log('Child');
} else {
  if (age < 18) {
    console.log('Teenager');
  } else {
    if (age < 65) {
      console.log('Adult');
    } else {
      console.log('Senior');
    }
  }
}

Варианты реализации логики

1. if/else if/else

function getGrade(score) {
  if (score >= 90) {
    return 'A';
  } else if (score >= 80) {
    return 'B';
  } else if (score >= 70) {
    return 'C';
  } else if (score >= 60) {
    return 'D';
  } else {
    return 'F';
  }
}

console.log(getGrade(85)); // B

2. Switch statement (альтернатива)

function getDay(num) {
  switch (num) {
    case 1:
      return 'Monday';
    case 2:
      return 'Tuesday';
    case 3:
      return 'Wednesday';
    case 4:
      return 'Thursday';
    case 5:
      return 'Friday';
    default:
      return 'Weekend';
  }
}

console.log(getDay(3)); // Wednesday

3. Ternary operator (тернарный оператор)

// Для простых проверок
const status = age < 18 ? 'Minor' : 'Adult';

// Для нескольких условий (вложенные)
const message = 
  score >= 90 ? 'Excellent' :
  score >= 80 ? 'Good' :
  score >= 70 ? 'OK' :
  'Need improvement';

console.log(message);

4. Object lookup (для фиксированных значений)

const statusMap = {
  200: 'OK',
  301: 'Moved Permanently',
  400: 'Bad Request',
  404: 'Not Found',
  500: 'Internal Server Error'
};

function getStatusMessage(code) {
  return statusMap[code] || 'Unknown Status';
}

console.log(getStatusMessage(404)); // Not Found

5. Логические операторы (AND/OR)

let access = false;

if (isAdmin || (isManager && hasPermission)) {
  access = true;
}

// То же самое
const access = isAdmin || (isManager && hasPermission);

Множественные else if

const time = 14; // 2 PM
let greeting;

if (time < 12) {
  greeting = 'Good morning';
} else if (time < 17) {
  greeting = 'Good afternoon';
} else if (time < 21) {
  greeting = 'Good evening';
} else {
  greeting = 'Good night';
}

console.log(greeting); // Good afternoon

Проблемы с глубокой вложенностью else if

// ПЛОХО — "Arrow of Doom"
if (condition1) {
  if (condition2) {
    if (condition3) {
      if (condition4) {
        if (condition5) {
          doSomething();
        }
      }
    }
  }
}

// ХОРОШО — используйте guard clauses (ранний возврат)
if (!condition1) return;
if (!condition2) return;
if (!condition3) return;
if (!condition4) return;
if (!condition5) return;

doSomething();

Guard clauses паттерн

function processUser(user) {
  // Проверяем ошибки в начале (guard clauses)
  if (!user) {
    throw new Error('User is required');
  }
  
  if (!user.email) {
    throw new Error('Email is required');
  }
  
  if (!user.isActive) {
    return null; // Пользователь неактивен
  }
  
  // Основная логика
  return user.email.toLowerCase();
}

Практические примеры else if

Пример 1: Валидация формы

function validatePassword(password) {
  if (password.length === 0) {
    return 'Password cannot be empty';
  } else if (password.length < 8) {
    return 'Password must be at least 8 characters';
  } else if (!/[A-Z]/.test(password)) {
    return 'Password must contain uppercase letter';
  } else if (!/[0-9]/.test(password)) {
    return 'Password must contain number';
  }
  return 'Password is valid';
}

console.log(validatePassword('weak'));        // Password must be at least 8 characters
console.log(validatePassword('Weak1234'));    // Password is valid

Пример 2: HTTP статусы

function handleResponse(status) {
  if (status >= 200 && status < 300) {
    return 'Success';
  } else if (status >= 300 && status < 400) {
    return 'Redirect';
  } else if (status >= 400 && status < 500) {
    return 'Client Error';
  } else if (status >= 500) {
    return 'Server Error';
  } else {
    return 'Unknown';
  }
}

console.log(handleResponse(404)); // Client Error

Пример 3: Определение типа данных

function getType(value) {
  if (value === null) {
    return 'null';
  } else if (value === undefined) {
    return 'undefined';
  } else if (Array.isArray(value)) {
    return 'array';
  } else if (typeof value === 'object') {
    return 'object';
  } else if (typeof value === 'function') {
    return 'function';
  } else {
    return typeof value; // string, number, boolean, symbol, bigint
  }
}

console.log(getType([1, 2, 3]));    // array
console.log(getType({ a: 1 }));     // object
console.log(getType('hello'));      // string

Performance: switch vs else if

// switch часто быстрее для большого количества вариантов
// Потому что может использовать jump table

const code = 3;

// Вариант 1: else if (медленнее для 100+ условий)
if (code === 1) { /* ... */ }
else if (code === 2) { /* ... */ }
else if (code === 3) { /* ... */ }
// ... 97 ещё условий

// Вариант 2: switch (быстрее)
switch (code) {
  case 1: /* ... */ break;
  case 2: /* ... */ break;
  case 3: /* ... */ break;
  // ... 97 ещё cases
}

Вывод

• else if — это не отдельная конструкция, а комбинация `else { if }}
• Используйте else if для цепочки условных проверок
• Используйте switch для проверки значений (более читаемо)
• Используйте ternary для простых двухвариантных проверок
• Избегайте глубокой вложенности — используйте guard clauses
• Помните о производительности — switch часто быстрее для большого числа случаев