>  기사  >  웹 프론트엔드  >  JS 숫자형 숫자 유형에 대한 자세한 설명(그래픽 튜토리얼)

JS 숫자형 숫자 유형에 대한 자세한 설명(그래픽 튜토리얼)

亚连
亚连원래의
2018-05-18 17:13:481359검색

이 글은 주로 JavaScript 숫자형 관련 지식 포인트에 대한 자세한 분석을 제공합니다. 이에 관심이 있는 친구들은 저를 따라와 함께 배울 수 있습니다.

숫자 질문

다음 질문에 모두 올바르게 답하실 수 있나요?

  • 0.1 + 0.2 == 0.3 맞나요?

  • .e-5는 얼마를 의미하나요?

  • 8진수는 어떻게 표현하나요?

  • 베이스를 어떻게 변환하나요?

  • 문자열을 숫자 값이나 정수로 변환하는 방법은 무엇입니까? 그 반대는 어떻습니까? 16진수는 어떻게 처리하나요?

  • parseInt(0x12, 16)의 반환 값은 무엇입니까? 0x12인가요?

  • Number.MAX_VALUE는 최대값입니다. (new Number(12)).MAX_VALUE는 무엇인가요?

  • JavaScript에서 반올림하는 방법은 무엇입니까? 소수점 이하 3자리의 정밀도를 유지하는 방법은 무엇입니까?

  • 임의의 숫자를 얻는 방법은 무엇인가요? 반올림하는 방법? 반올림하는 방법?

숫자 숫자 표현 방법

숫자 유형은 숫자를 나타내며, JavaScript는 "배정밀도 64비트 형식 IEEE 754 값")을 사용하여 숫자를 나타냅니다.

다른 프로그래밍 언어(C, Java 등)와 달리 JavaScript는 정수 값과 부동 소수점 값을 구분하지 않습니다. JavaScript에서는 모든 숫자가 부동 소수점 값으로 표현되므로 문제에 특히 주의하세요. 숫자 작업을 수행할 때 진행 상황이 누락되었습니다.

0.1 + 0.2 = 0.30000000000000004;
0.1 + 0.2 == 0.3; // false
// 浮点运算判断相等
var ACCURACY = 1e-5; //定义精度精确到0.00001
var a = 0.1;
var b = 0.2;
var sum = 0.3;
// 判断相差小于精度就认为相等
if (a + b - sum < ACCURACY) {
 console.log(&#39;a+b == sum&#39;);
}

특정 구현에서 정수 값은 일반적으로 개별 구현(예: 일부 브라우저)에서 실행에 사용될 때까지 32비트 정수 변수 형식으로 저장됩니다. 특정 기능. 32비트 정수에서는 일부 작업이 지원되지 않습니다. 이는 비트 작업을 용이하게 하기 위한 것입니다.

소수를 나타내기 위해 0을 생략할 수도 있고, 숫자를 표현하기 위해 지수 형식을 사용할 수도 있습니다.

.9; // 0.9
1E3 // 1000
2e6 // 2000000
0.1e2 // 10
1e-5 // 0.00001

숫자의 진수는 다릅니다.

다른 진수의 표현 방법

숫자는 10진수, 2진수, 8진수, 4가지 진수를 사용할 수 있습니다. 10개의 16진수. 소수가 아닌 숫자에는 정수만 사용하세요.

  • 2진수 표기법: 0으로 시작하고 뒤에 소문자 또는 대문자 라틴 문자 B(0b 또는 0B)가 옵니다.

  • 8진수 표기법: 0으로 시작합니다. 0 뒤의 숫자가 0~7 범위에 없으면 해당 숫자는 10진수로 변환됩니다.

  • ECMAScript 5 엄격 모드에서는 8진수 구문 사용이 금지되며 10진수로 처리됩니다.

  • ECMAScript 6에서 8진수를 사용하려면 숫자에 접두사 "0o"를 추가해야 합니다

  • 16진수 표현 방법: 0으로 시작하고 그 뒤에 라틴 문자 소문자 또는 대문자를 사용합니다.parseInt() 메서드:

toString() 메서드는 2에서 36 사이의 값을 갖는 정수 매개 변수를 받아 밑수를 지정합니다. 기본값은 숫자를 문자열로 변환합니다.

    parseInt()는 두 번째 매개변수를 허용합니다. 2에서 36 사이의 값을 갖는 정수 매개변수는 밑수를 지정합니다. 기본값은 문자열을 Number
  • // 十进制
    12345678
    42
    0777 // 在非严格格式下会被当做八进制处理 (用十进制表示就是511)
    // 二进制
    var a = 0b100000; // 32
    var b = 0b0111111; // 63
    var c = 0B0000111; // 7
    // 八进制
    var n = 0755; // 493
    var m = 0644; // 420
    var a = 0o10; // ES6 :八进制
    // 十六进制
    0xFFFFFFFFFFFFFFFFF // 295147905179352830000
    0x123456789ABCDEF // 81985529216486900
    0XA    // 10
  • Number 개체 Number
  • 로 변환합니다. 일련의 숫자 관련 상수 및 메소드를 캡슐화하는 내장 숫자 객체입니다.

    // toString转换,输入为Number,返回为String
    var n = 120;
    n.toString(); // "120"
    n.toString(2); // "1111000"
    n.toString(8); // "170"
    n.toString(16); // "78"
    n.toString(20); // "60"
    0x11.toString(); // "17"
    0b111.toString(); // "7"
    0x11.toString(12);// "15"
    // parseInt转换,输入为String,返回为Number
    parseInt(&#39;110&#39;); // 110
    parseInt(&#39;110&#39;, 2); // 6
    parseInt(&#39;110&#39;, 8); // 72
    parseInt(&#39;110&#39;, 16); // 272
    parseInt(&#39;110&#39;, 26); // 702
    // toString和parseInt结合使用可以在两两进制之间转换
    // 将 a 从36进制转为12进制
    var a = &#39;ra&#39;; // 36进制表示的数
    parseInt(a, 36).toString(12); // "960"
  • Number 객체 속성:

Number.MAX_VALUE표현 가능한 최대값은 1과 가장 가까운 숫자 사이의 차이를 나타냅니다. 1 이상 1JavaScript 최소 안전 정수JavaScript 최대 안전 정수
Number.MIN_VALUE 표현 가능한 최소값
숫자 .NaN 구체적으로 "비숫자"를 의미합니다.
Number.NEGATIVE_INFINITY 구체적으로 "음의 무한대"를 의미합니다. EPSILON
Number.MIN_SAFE_INTEGER
Number.MAX_SAFE_INTEGER

Number对象方法

Number对象方法可以使用 Number. 的形式调用,也可以使用全局调用。

Number.parseFloat() 把字符串参数解析成浮点数,左右等效于一元运算法+
Number.parseInt() 把字符串解析成特定基数对应的整型数字
Number.isFinite() 判断传递的值是否为有限数字
Number.isInteger() 判断传递的值是否为整数
Number.isNaN() 判断传递的值是否为 NaN
Number.isSafeInteger() 判断传递的值是否为安全整数

parseInt() 方法需要注意:

  • parseInt() 参数可以有两个参数:数字字符串和进制

  • 如果第一个参数为非指定进制的数字字符串,则结果为0

  • 如果第一个参数为非字符串,会首先调用该参数的toString()方法转换为字符串

  • 第一个参数中非指定进制可识别的字符会被忽略

  • 如果给定的字符串不存在数值形式,函数会返回一个特殊的值 NaN

  • 如果调用时没有提供第二个参数,则使用字符串表示的数字的进制

parseInt(&#39;123&#39;); // 123
parseInt(&#39;123&#39;, 10); // 123
parseInt(&#39;123&#39;, 8); // 83
parseInt(&#39;123&#39;, 16); // 291
parseInt("11", 2); // 3
parseInt(&#39;0x123&#39;, 10); // 0
parseInt(&#39;0x123&#39;, 16); // 291
parseInt(&#39;0x123&#39;); // 291
// 如果第一个参数不是字符串,会先把第一个参数转成字符串
parseInt(&#39;12&#39;, 16); // 18
parseInt(12, 16); // 18
// toString方法会将数字转换为10进制的字符串
parseInt(0xf, 16); // 21
0xf.toString(); // &#39;15&#39;
parseInt(&#39;15&#39;, 16); // 21
parseInt(&#39;23.56&#39;); // 23
parseInt("hello", 16); // NaN
parseInt("aello", 16); // 174

Number类型原型方法

Number类型原型上还有一些方法来对数字进度进行取舍,这些方法可以被 Number 实例对象调用:

toExponential() 返回一个数字的指数形式的字符串
toFixed() 返回指定小数位数的表示形式
toPrecision() 返回一个指定精度的数字

这些原型方法可以被Number实例对象调用:

var numObj = 12345.6789;
numObj.toExponential(); // "1.23456789e+4"
numObj.toExponential(2); // "1.23e+4"
numObj.toExponential(4); // "1.2346e+4"
numObj.toPrecision();  // "12345.6789"
numObj.toPrecision(2); // "1.2e+4"
numObj.toPrecision(4); // "1.235e+4"
numObj.toFixed();   // 返回 "12346":进行四舍五入,不包括小数部分
numObj.toFixed(1);  // 返回 "12345.7":进行四舍五入
numObj.toFixed(6);  // 返回 "12345.678900":用0填充
(1.23e+20).toFixed(2); // 返回 "123000000000000000000.00"
(1.23e-10).toFixed(2); // 返回 "0.00"
2.34.toFixed(1);   // 返回 "2.3"
-2.34.toFixed(1);   // 返回 -2.3 (由于操作符优先级,负数不会返回字符串)
(-2.34).toFixed(1);  // 返回 "-2.3" (若用括号提高优先级,则返回字符串)

数学对象(Math)

和Number相关的是,JavaScript对象中内置的Math对象,提供了很多数学常数和函数的属性和方法。

属性列表:

Math.E 欧拉常数,也是自然对数的底数, 约等于 2.718
Math.LN2 2的自然对数, 约等于0.693
Math.LN10 10的自然对数, 约等于 2.303
Math.LOG2E 以2为底E的对数, 约等于 1.443
Math.LOG10E 以10为底E的对数, 约等于 0.434
Math.PI 圆周率,一个圆的周长和直径之比,约等于 3.14159
Math.SQRT2 2的平方根,约等于 1.414
Math.SQRT1_2 1/2的平方根, 约等于 0.707

Math에서 삼각함수 sin의 매개변수는 라디안입니다. 각도인 경우 (Math.PI / 180)을 사용할 수 있습니다.

x를 반올림한 값을 반환합니다.x를 반올림한 값을 반환합니다.반올림된 정수를 반환합니다.숫자의 가장 가까운 단정밀도 부동 소수점 표현을 반환합니다.반환 x의 정수 부분, 소수 제거 xx인수를 반환합니다. 제곱합의 제곱근(각각) 이상을 반환합니다. 표준 삼각 함수, 매개변수는 라디안 단위입니다. 역삼각 함수; 값은 라디안쌍곡선 삼각함수입니다. 반환 값은 라디안입니다.역쌍곡선 삼각함수 함수; 반환 값은 라디안입니다.지수 및 로그 함수 위 내용은 모두 JS 숫자형 숫자 유형에 대해 제가 정리한 지식 포인트가 앞으로 모든 사람에게 도움이 되기를 바랍니다. 관련 기사: js피타고라스 트리 구현(코드 포함)js애니메이션 타이머 사용 튜토리얼
Math.abs(x) 은 x의 절대값을 반환합니다.
Math.sign(x) 의 부호 함수를 반환합니다. )
Math.ceil(x)
Math.round(x)
Math.frond(x)
Math.trunc(x)
Math.sqrt (x)
Math.cbrt(x)
Math의 제곱근을 반환합니다. .hypot([x[,y[,…]]])
Math.pow(x,y)
sin(), cos(), tan()
asin(), acos(), atan(), atan2( )
sinh(), cosh(), tanh()
asinh(), acosh(), atanh()
pow(), exp(), expm1(), log10(), log1p(), log2()
p5.

JS가 원래 값과 참조 값을 저장하는 방법


위 내용은 JS 숫자형 숫자 유형에 대한 자세한 설명(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.