0 vs '0' với các toán tử logic

Question

0 == false và '0' == false đều 'true'

Tuy nhiên, (true && 0) là 'false', trong khi (true && '0') là 'true'.

Tại sao?

Answer 1

Các so sánh trừu tượng (==) quy tắc được mô tả trong ES5 11.9.3 trong khi các quy tắc cho các nhà khai thác hợp lý (&&) đều được mô tả trong ES5 11.11.

Tóm lại, == chỉ phức tạp hơn &&. Trường hợp && chỉ sử dụng nội bộ ToBoolean() để đánh giá toán hạng của nó, == có các điều kiện khác nhau có thể dẫn đến việc sử dụng ToBoolean(), ToNumber() và/hoặc ToPrimitive().

1. (0 == false) == true:

   7. Nếu Kiểu (y) là Boolean, trả lại kết quả của việc so sánh x == ToNumber (y)

   ToNumber(false) === 0, vì vậy 0 == 0, vì vậy true .

2. ('0' == false) == true:

   này cũng đi qua bước 7, kết quả là '0' == 0.

   Sau đó, bắt đầu lại ở phía trên, nó đạt bước 5:

   5. Nếu Type (x) được Chuỗi và Type (y) là Number, trả lại kết quả của việc so sánh ToNumber (x) == y.

   ToNumber('0') === 0, vì vậy lại 0 == 0 và lại true.

3. !!(true && 0) == false

   && chỉ đơn giản trả về toán hạng 1 nếu nó falsy (ToBoolean(...) === false), hoặc các toán hạng 2.

   Đó là đúng (true && 0) === 0.

   Và khi được sử dụng làm điều kiện if, kết quả (0) cũng sẽ là passed through ToBoolean(...) và ToBoolean(0) === false.

4. !!(true && '0') == true

   Một lần nữa, điều này sẽ trả về toán hạng 2, '0'.

   Lần này, tuy nhiên, ToBoolean('0') === true là '0' là một chuỗi không trống, làm cho nó sự thật.

Ngoài ra, nếu bạn muốn quy tắc so sánh đơn giản, sử dụng so sánh nghiêm ngặt (===, 11.9.6).

Answer 2

'0' (hoặc bất kỳ chuỗi không trống nào) là 'trung thực' trong JS. Tuy nhiên, toán tử == thực hiện một số kiểu cưỡng chế kỳ lạ, đó là lý do tại sao nhiều con số JS nổi bật bao gồm Crockford không khuyến khích nó. Đây là một ví dụ tốt về lý do tại sao bạn nên tránh nó, nó lấy chuỗi '0' và ép buộc nó thành một giá trị falsey.

Dưới đây là một liên kết mà giải thích quá trình này:

http://webreflection.blogspot.com/2010/10/javascript-coercion-demystified.html

If Type(x) is Boolean, return the result of the comparison 
    ToNumber(x) == y: false == 0 and true == 1 but true != 2 

Vì vậy, thậm chí người lạ hơn ví dụ của bạn là thế này:

('1' == true) // true 
('2' == true) // false!