ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript での | 単一縦棒演算子の使用方法の詳細な説明 (グラフィック チュートリアル)

JavaScript での | 単一縦棒演算子の使用方法の詳細な説明 (グラフィック チュートリアル)

亚连
リリース: 2018-05-21 11:41:35
オリジナル
1806 人が閲覧しました

JavaScript では、浮動小数点数に関する証拠を収集するために、通常、単一の垂直バーが使用されます。ここでは、JavaScript での | の使用方法について詳しく説明します。

js の操作 js の整数操作における単一の縦棒「|」の役割は、小数点を削除する parseInt と同等です。正の数の場合は Math.floor() と同等、負の数の場合は Math.ceil() と同等 注:

1 は切り上げに使用されます。 2. Math.floor() は切り捨てに使用されます。

3. Math.round() 丸めは数学でよく使用されます。

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7
ログイン後にコピー

注: 数値を処理する Math の 3 つのメソッドに加えて、parseInt()、parseFloat()、toFixed()、toPrecision() などもよく使用します。 簡単な説明:


toFixed メソッドの使用法は次のとおりです:

100.456001.toFixed(2); //100.47

100.456001.toFixed(3); //100.456

Number.prototype.toFixed.call(100.456001,2); //100.47
ログイン後にコピー

欠点: 使用後は文字列になってしまいます。

toPrecision は次のように使用されます:

99.456001.toPrecision(5); //99.456

100.456001.toPrecision(5); //100.46

Number.prototype.toPrecision.call(10.456001,5); //10.456
ログイン後にコピー

単一の垂直バーの演算規則

上記の例を読んだ後、単一の垂直バーは丸め演算に使用できる、つまり正の部分のみが保持されることが一般的にわかります。 、小数部分は削除されますが、「|0」はどのように演算を実行しますか? なぜ「|0」は丸めの目的を達成できるのでしょうか?横棒と縦棒が 0 でない場合、それは何でしょうか?

これらの質問について、次の例を見てみましょう:

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455
ログイン後にコピー

さて、ここで答えを発表しましょう。実際、単一の縦棒「|」はバイナリに変換された後の加算の結果です。たとえば、簡単な例を見てみましょう:

3|4

バイナリに変換した後、011|100を追加して111=7を取得します

4|4

バイナリに変換した後、100|100を追加しますget 100=4

8 |3

バイナリに変換した後、1000 |011を追加して1011=11を取得します

以上が皆さんの参考になれば幸いです。

関連記事:

JavaScript のブロックレベルのスコープ、プライベート変数、モジュール モードを深く理解する (画像とテキストのチュートリアル)

Javascript の配列ループ トラバーサル (forEach の詳細な説明)

JavaScriptの一般関数とコンストラクタの違い(コードと合わせて詳しく解説)

以上がJavaScript での | 単一縦棒演算子の使用方法の詳細な説明 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート