JS を初めて使用する人は、その等価性の判断に混乱すると思います。次のコードを見てください。いくつ正解できますか?
NaN === NaN // false
NaN == NaN // false
Object.is(NaN, NaN) // true
0 == false // true
1 == true // true
Number(null) === 0 // true
null == 0 // false
ログイン後にコピー
Javascript には、厳密な等価、緩い等価、Object.is という 3 つの異なる値比較演算があります。今日情報を確認してまとめてみました。以下の内容が皆様のお役に立てれば幸いです。お願いします。間違いがある場合は、修正していただければ幸いです。
[関連コースの推奨事項: JavaScript ビデオ チュートリアル]
1.厳密等価 x === y 判定ロジック
1. x のデータ型が y のデータ型と異なる場合、false を返します;
2. x が数値の場合type
#● x は NaN、return false
#● y は NaN、return false
#● x の値は y の値と等しい、return true
#x は 0、y は -0、true を返します
##● x は -0、y は 0、true を返します
##● それ以外の場合は false
# を返します3. 他の型は SameValueNonNumber(x, y) を参照します。
#● アサーション: x, y は Number 型ではありません。
#● アサーション: x、y は同じデータ型です。
#x は未定義、y は未定義、true を返す;
#● x が null、y が null、true を返す;
#● x が文字列型である場合にのみ、 x と y の文字シーケンスがまったく同じ (長さが同じで、各位置の文字が同じ) は true を返し、それ以外の場合は false を返します。
## ● x がブール型の場合、次の場合は true を返します。 x と y は両方とも true または false、それ以外の場合は false を返します ;
#● x がシンボル型の場合、x と y が同じシンボル値の場合は true を返し、それ以外の場合は false を返します;
● x、y が同じオブジェクト値の場合は true を返し、そうでない場合は false を返します;
NaN === NaN // false
undefined === undefined // true
null === null // true
undefined === null // false
ログイン後にコピー
2. 緩和等価 x == y
1. If x and y が同じ型の場合、x===y の結果を返します ;
2. x が null、y が未定義の場合は、true を返します;
3. x が未定義の場合、y null の場合、true を返します;
4. x が数値で y が文字列の場合、x == ToNumber(y) を返します;
5. x が文字列であり、かつy が数値の場合は、ToNumber(x) == y;
6. x がブール型の場合は、ToNumber(x)==y;
##7 の結果を返します。 y が Boolean 型の場合、x==ToNumber(y);
8. x が String、Number、Symbol のいずれかで、Type(y) が Object の場合、x の結果を返します。 ==ToPrimitive(y)
9. Type(x) が Object で、Type (y) が String、Number、Symbol のいずれかの場合、ToPrimitive(x)==y
の結果を返します。
10. その他は false を返します
12 == '0xc' // true, 0xc是16进制
12 == '12' // true
12 == '12c' // false, 说明ToNumber转换是用的Number()方法
ログイン後にコピー
注:
Number(null) === 0
ログイン後にコピー
But
null == 0 // false,
ログイン後にコピー
2.1 ToNumber は値を数値型に変換します
1. ブール型の場合、true は 1 を返し、false は 0 を返します;
2. 数値の場合は、単純に渡されて返されます。
3. null の場合は 0
4 を返します。未定義の場合は NaN を返します。#5. 文字列の場合、文字列に数字のみが含まれている場合は、 10 進数に変換します。有効な浮動小数点形式の場合は、対応する浮動小数点値に変換します。2 進数または 16 進数の場合は、対応する 10 進数に変換します。
6.オブジェクトの場合は、オブジェクトの valueOf() メソッドを呼び出して、前のルールに従って変換します。valueOf 戻り値が NaN の場合は、toString() メソッドを呼び出して、返された文字列を前のルールに従って変換します。
2.2 ToPrimitive
toPrimitive(A) A.toString() メソッドと A.valueOf() メソッドを呼び出して、パラメータ A をプリミティブ値 (Primitive) に変換します。
##JS のプリミティブ型は次のとおりです: Number、String、Boolean、Null、Unknown;
さまざまな種類のオブジェクトの valueOf() メソッドの戻り値:
Object戻り値
Array
配列オブジェクト自体を返します。 日付| 保存された時刻は 1970 年 1 月 1 日からです。 UTC 午前 0 時から始まるミリ秒数 | |
Function| 関数自体 | |
Number| 数値 | | #オブジェクト
オブジェクト自体。これはデフォルトです。カスタム オブジェクトの valueOf メソッド | | #String
String value | | をオーバーライドできます。// Array：返回数组对象本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array); // true
// Date：当前时间距1970年1月1日午夜的毫秒数
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
console.log(date.valueOf()); // 1376838719230
// Number：返回数字值
var num = 15.26540;
console.log(num.valueOf()); // 15.2654
// 布尔：返回布尔值true或false
var bool = true;
console.log(bool.valueOf() === bool); // true
// new一个Boolean对象
var newBool = new Boolean(true);
// valueOf()返回的是true，两者的值相等
console.log(newBool.valueOf() == newBool); // true
// 但是不全等，两者类型不相等，前者是boolean类型，后者是object类型
console.log(newBool.valueOf() === newBool); // false
// Function：返回函数本身
function foo(){}
console.log( foo.valueOf() === foo ); // true
var foo2 = new Function("x", "y", "return x + y;");
console.log( foo2.valueOf() );
/*
ƒ anonymous(x,y
) {
return x + y;
}
*/
// Object：返回对象本身
var obj = {name: "张三", age: 18};
console.log( obj.valueOf() === obj ); // true
// String：返回字符串值
var str = "http://www.xyz.com";
console.log( str.valueOf() === str ); // true
// new一个字符串对象
var str2 = new String("http://www.xyz.com");
// 两者的值相等，但不全等，因为类型不同，前者为string类型，后者为object类型
console.log( str2.valueOf() === str2 ); // falseログイン後にコピー
3.同值相等
同值相等由 Object.is 方法判断：
● 两个值都是 undefined
● 两个值都是 null
● 两个值都是 true 或者都是 false
● 两个值是由相同个数的字符按照相同的顺序组成的字符串
● 两个值指向同一个对象
● 两个值都是数字并且
○ 都是正零 +0，
○ 或者都是负零 -0，
○ 或者都是 NaN
○ 都是除零和 NaN 外的其它同一个数字
Object.is('foo', 'foo'); // true
Object.is(window, window); // true
Object.is('foo', 'bar'); // false
Object.is([], []); // false
var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo); // true
Object.is(foo, bar); // false
Object.is(null, null); // true
Object.is(true, 'true') // false
// 特例
Object.is(0, -0); // false
Object.is(0, +0); // true
Object.is(-0, -0); // true
Object.is(NaN, 0/0); // trueログイン後にコピー
4.零值相等
与同值相等类似，不过会认为 +0 与 -0 相等。
小结
=== 不做类型转换，当两边的数类型不相同时，直接返回false；当前类型相同且都是数值类型的时候，有一个是NaN，那么结果就是false, 另外 +0 === -0
==运算符，当两边操作数类不相同时会做隐式转换，然后才进行比较，这样的话就会出现 false == 0, '' == false 等现象， 但是Object.is不会做这种转换
本文来自 js教程 栏目，欢迎学习！
以上がjsにおける等価判定 ===, == と Object.is() の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
推奨: 優れた JS オープンソースの顔検出および認識プロジェクト
Apr 03, 2024 am 11:55 AM
顔の検出および認識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです。現在、最も広く使用されているインターネット アプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認識の実装には、バックエンドの顔認識と比較して利点と欠点があります。利点としては、ネットワーク インタラクションの削減とリアルタイム認識により、ユーザーの待ち時間が大幅に短縮され、ユーザー エクスペリエンスが向上することが挙げられます。欠点としては、モデル サイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を実装するにはどうすればよいですか? Web 上で顔認識を実装するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピューター ビジョンと人工知能テクノロジーを習得する必要もあります。 Web 側の設計により、次の点に注意してください。
PHP と JS を使用して株価ローソク足チャートを作成する方法
Dec 17, 2023 am 08:08 AM
PHP と JS を使用して株のローソク足チャートを作成する方法。株のローソク足チャートは、株式市場で一般的なテクニカル分析グラフィックです。始値、終値、最高値、株価などのデータを描画することで、投資家が株式をより直観的に理解するのに役立ちます。株価の最低価格、価格変動。この記事では、PHP と JS を使用して株価のローソク足チャートを作成する方法を、具体的なコード例とともに説明します。 1. 準備 開始する前に、次の環境を準備する必要があります。 1. PHP を実行するサーバー 2. HTML5 および Canvas をサポートするブラウザー 3
株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます
Dec 17, 2023 pm 06:55 PM
株式分析に必須のツール: PHP および JS でローソク足チャートを描画する手順を学びます。特定のコード例が必要です。インターネットとテクノロジーの急速な発展に伴い、株式取引は多くの投資家にとって重要な方法の 1 つになりました。株価分析は投資家の意思決定の重要な部分であり、ローソク足チャートはテクニカル分析で広く使用されています。 PHP と JS を使用してローソク足チャートを描画する方法を学ぶと、投資家がより適切な意思決定を行うのに役立つ、より直感的な情報が得られます。ローソク足チャートとは、株価をローソク足の形で表示するテクニカルチャートです。株価を示しています
JS と Baidu Maps を使用してマップ パン機能を実装する方法
Nov 21, 2023 am 10:00 AM
JS と Baidu Map を使用してマップ パン機能を実装する方法 Baidu Map は広く使用されている地図サービス プラットフォームで、Web 開発で地理情報、位置情報、その他の機能を表示するためによく使用されます。この記事では、JS と Baidu Map API を使用してマップ パン機能を実装する方法と、具体的なコード例を紹介します。 1. 準備 Baidu Map API を使用する前に、Baidu Map Open Platform (http://lbsyun.baidu.com/) で開発者アカウントを申請し、アプリケーションを作成する必要があります。作成完了
JSと百度地図を使って地図クリックイベント処理機能を実装する方法
Nov 21, 2023 am 11:11 AM
JS と Baidu Maps を使用してマップ クリック イベント処理を実装する方法の概要: Web 開発では、地理的位置と地理情報を表示するためにマップ関数を使用することが必要になることがよくあります。マップ上のクリック イベント処理は、マップ機能の一般的に使用される重要な部分です。この記事では、JS と Baidu Map API を使用して地図のクリック イベント処理機能を実装する方法と、具体的なコード例を紹介します。手順: Baidu Map の API ファイルをインポートします。まず、Baidu Map API のファイルを HTML ファイルにインポートします。これは、次のコードによって実現できます。
JSとBaidu Mapsを使ってマップヒートマップ機能を実装する方法
Nov 21, 2023 am 09:33 AM
JS と Baidu Maps を使用してマップ ヒート マップ機能を実装する方法 はじめに: インターネットとモバイル デバイスの急速な発展に伴い、マップは一般的なアプリケーション シナリオになりました。視覚的な表示方法として、ヒート マップはデータの分布をより直観的に理解するのに役立ちます。この記事では、JS と Baidu Map API を使用してマップ ヒート マップ機能を実装する方法と、具体的なコード例を紹介します。準備作業: 開始する前に、次の項目を準備する必要があります: Baidu 開発者アカウント、アプリケーションの作成、対応する AP の取得
PHP および JS 開発のヒント: 株価ローソク足チャートの描画方法をマスターする
Dec 18, 2023 pm 03:39 PM
インターネット金融の急速な発展に伴い、株式投資を選択する人がますます増えています。株式取引では、ローソク足チャートは一般的に使用されるテクニカル分析手法であり、株価の変化傾向を示し、投資家がより正確な意思決定を行うのに役立ちます。この記事では、PHP と JS の開発スキルを紹介し、株価ローソク足チャートの描画方法を読者に理解してもらい、具体的なコード例を示します。 1. 株のローソク足チャートを理解する 株のローソク足チャートの描き方を紹介する前に、まずローソク足チャートとは何かを理解する必要があります。ローソク足チャートは日本人が開発した
jsとvueの関係
Mar 11, 2024 pm 05:21 PM
js と vue の関係: 1. Web 開発の基礎としての JS、2. フロントエンド フレームワークとしての Vue.js の台頭、3. JS と Vue の補完関係、4. JS と Vue の実用化ビュー。
See all articles
4 を返します。未定義の場合は NaN を返します。#5. 文字列の場合、文字列に数字のみが含まれている場合は、 10 進数に変換します。有効な浮動小数点形式の場合は、対応する浮動小数点値に変換します。2 進数または 16 進数の場合は、対応する 10 進数に変換します。
