Boolean.valueOf() в JavaScript — примітив true чи false

Загальний опис

Boolean.prototype.valueOf() - це метод, який дозволяє вам отримати примітивне булеве значення об'єкта Boolean. Його головна мета - перетворити об'єкт Boolean на його базове булеве значення.

В JavaScript об'єкти Boolean і примітивні булеві значення - це дві різні сутності. Іноді може виникнути необхідність визначити або використовувати примітивне булеве значення об'єкта. Це особливо корисно, коли вам потрібно переконатися в точності типу даних.

Цей метод найчастіше використовується, коли ви працюєте з об'єктами Boolean і хочете отримати їхнє примітивне булеве значення. Якщо вам потрібно зробити строгу перевірку типу або порівняти об'єкт Boolean із примітивом, Boolean.prototype.valueOf() допоможе вам в цьому.

Основні сфери застосування:

• Перевірка та обробка даних, отриманих від користувача або з інших джерел.
• Робота з логічними операторами, коли потрібна строга типізація.
• Перетворення об'єктів Boolean на примітиви для оптимізації коду.

Відмінність від інших методів: У відмінності від методу Boolean.prototype.toString(), який повертає рядкове представлення булевого значення, Boolean.prototype.valueOf() повертає саме примітивне булеве значення.

const boolObj = new Boolean(false);
console.log(boolObj.valueOf()); // виведе: false

Використання з іншими типами: Якщо ви спробуєте використовувати цей метод з не-Boolean об'єктом, ви отримаєте помилку.

const num = 123;
console.log(num.valueOf()); // виведе: 123
// але спроба викликати Boolean.prototype.valueOf() на числовому значенні викличе помилку.

Порівняння об'єкта і примітиву: При порівнянні об'єкта Boolean з булевим примітивом вони можуть бути рівними за значенням, але не рівними за типом.

const boolObj = new Boolean(true);
const boolPrim = true;

console.log(boolObj == boolPrim); // виведе: true
console.log(boolObj === boolPrim); // виведе: false, так як типи їх різні

правити

Нотатка

Хоча Boolean.prototype.valueOf() може здаватися корисним, в деяких випадках він може бути зайвим. У більшості випадків JavaScript автоматично перетворить об'єкти Boolean на їхні примітивні булеві значення там, де це потрібно. Тому перед тим, як використовувати Boolean.prototype.valueOf(), подумайте, чи дійсно вам потрібно це робити.

Приклад:

const boolObj = new Boolean(true);
if (boolObj) {
    console.log("Це правда!"); // Цей код виконається без використання valueOf()
}

Проте у випадках строгого порівняння або коли вам потрібна особлива увага до типів, Boolean.prototype.valueOf() стає незамінним інструментом. Маючи це на увазі, завжди слід усвідомлювати різницю між булевими об'єктами та булевими примітивами, і використовувати Boolean.prototype.valueOf() у випадках, коли це дійсно необхідно.

автор: Bond правити

Нотатка

Якщо вам потрібно зробити строге порівняння між об'єктом Boolean та примітивом, завжди використовуйте Boolean.prototype.valueOf(). Це допоможе вам уникнути помилок та неочікуваних результатів.

const boolObj = new Boolean(true);
const boolPrim = true;

if (boolObj.valueOf() === boolPrim) {
    console.log("Об'єкт і примітив мають однакове значення!");
}

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

valueOf()

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

const boolObj = new Boolean(false);
const boolPrim = false;

if (boolObj.valueOf() === boolPrim) {
    console.log("Значення об'єкта та примітива співпадають");
} else {
    console.log("Значення об'єкта та примітива відмінні");
}

<header>
  <h2 class="title">Boolean.prototype.valueOf()</h2>
  <p class="description">Отримання примітивного булевого значення об'єкта Boolean.</p>
</header>
<main>
  <div class="result">
    <label for="inputBool">Введіть булеве значення (true/false): </label>
    <input type="text" id="inputBool" placeholder="Введіть значення...">
    <button onclick="displayValue()">Перевірити</button>
    <p id="output"></p>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

button {
  margin-left: 10px;
}

function displayValue() {
  const inputValue = document.getElementById('inputBool').value.toLowerCase();
  let booleanObject;

  if (inputValue === "true") {
    booleanObject = new Boolean(true);
  } else if (inputValue === "false") {
    booleanObject = new Boolean(false);
  } else {
    document.getElementById('output').innerText = "Будь ласка, введіть коректне булеве значення (true або false).";
    return;
  }

  document.getElementById('output').innerText = `Примітивне значення об'єкта Boolean: ${booleanObject.valueOf()}`;
}
//# sourceURL=pen.js

const boolObj1 = new Boolean(1);
const boolObj2 = new Boolean(null);

console.log(boolObj1.valueOf() ? "boolObj1 є правдивим" : "boolObj1 є хибним");
console.log(boolObj2.valueOf() ? "boolObj2 є правдивим" : "boolObj2 є хибним");