이 포스트에서는 자바스크립트의 절대값 Math.abs() 메소드를 살펴보고 실제 사용 사례를 통해 구문 사용 방법을 알아보겠습니다.
Table of Contents
절대값 구하는 방법
Math.abs() 메소드는 자바스크립트에서 숫자의 절대값 변환 결과를 리턴해 줍니다. 다시 말해, 숫자의 기본 부호를 제거하고 양수 값을 리턴합니다.
console.log(Math.abs(-2));
개발자 도구에서 위의 예제 코드를 확인해 보면 결과로 2를 리턴하는 것을 확인할 수 있습니다.
자바스크립트의 절대값 이란?
abs() 메소드는 자바스크립트 Math 객체의 메소드입니다.
이 메소드는 숫자의 변환 결과를 리턴해주며 이는 본질적으로 음수가 아닌 값을 의미합니다.
관련된 수학적 지식을 이해하려면 절대값 이라는 것이 무엇을 의미하는지 알아야합니다.
이는 선 상의 모든 숫자와 0 사이의 거리입니다. 거리이기 때문에 음수 값은 없습니다.
여기서 메소드에 0이 전달되면 0과 0 사이의 거리는 0 이므로 메소드는 0을 리턴합니다.
Math.abs() 메소드 사용 방법
Math.abs() 메소드의 사용 방법은 매우 간단합니다.
기억해야 할 것은 abs()가 Math의 정적 메소드라는 것 입니다. 따라서 Math. 접두사를 추가해 사용해야 합니다.
문법 구문
Math.abs(x)매개변수
숫자를 매개변수로 받습니다. 전달되는 매개변수의 타입이 Number 이거나 String 이어도 상관 없습니다.
리턴 값
-0을 포함해 x가 음수이면 -x를 리턴하고 그렇지 않다면 x를 리턴합니다.
이로서 결과 값은 0 이나 양수가 됩니다.
절대값 코드 및 설명
자바스크립트 메소드에 익숙해지는 가장 좋은 방법은 연습해보는 것 입니다.
다음의 코드에서는 Math.abs() 메소드를 사용했습니다:
Math.abs(-10); // 10
Math.abs(10); // 10
Math.abs('-10'); // 10
Math.abs(''); // 0
Math.abs([]); // 0
Math.abs(null); // 0
Math.abs([2]); // 2
Math.abs([1,2]); // NaN
Math.abs({}); // NaN
Math.abs('Ten'); // NaN
Math.abs(); // NaN
Math.abs() 메소드를 사용할 때 알아둬야하는 한가지는 문자열 타입의 숫자를 매개변수로 전달해도 작동한다는 점 입니다.
단일 숫자로 변환할 수 있는 대부분의 타입에 정상적으로 작동하지만 “Ten” 같은 진짜 문자열을 전달하면 NaN을 리턴합니다.
정리
이 메소드는 주로 특정 값을 표시하기 전에 사용됩니다.
일반적인 예로는 수치의 변화가 있을 때 이전 값과 현재 값의 차에 적용하면 변화량을 산출할 수 있습니다.
또한 점수 차이 계산 등에 사용할 수 있습니다.