# parseFloat
JavaScript-다양한 방법으로 문자열을 숫자로 변환하기
1. + 단항 더하기 연산자를 이용해 문자열을 숫자로 변환하는 방법 단항 더하기 연산자(+)는 문자열을 숫자로 반환하며 피연산자 앞에 위치 단항 더하기 연산자(+)는 문자열을 실수로 반환하는 데에도 사용될 수 있음 문자열이 숫자로 변환될 수 없는 경우에는 NaN을 반환 > ## 2. 문자열에 곱하기/나누기/빼기 1을 하여 문자열을 숫자로 변환하는 방법 > ## 3. 비트 부정 연산자(~)를 이용해 문자열을 숫자로 변환하는 방법 비트 부정 연산자(~)는 피연산자의 비트를 뒤집는다. 그리고 난 후 부호가 있는 32비트 정수로 변환한다. 부호가 있는 32비트 정수란 32비트(4바이트) 안에서 표현할 수 있는 값을 나타낸다. 하나의 비트 부정 연산자(~)를 숫자에 사용하면 -(x + 1) 연산을 실행하게 된다. 하지만 두 개의 비트 부정 연산자(~)를 사용하면 문자열을 숫자로 변환 결괏값으로 정수를 반환하기 때문에 위와 같은 방법은 실수에는
[JavaScript] 문자열을 숫자로 변환하는 메서드들
parseInt 문자열에서 정수를 반환. 그러나 소숫점 이하의 숫자는 무시함. Number() 문자열을 숫자로 반환. 그리고 문자열이 숫자로 변환할 수 없는 경우에 NaN을 반환함. 숫자 변환에 엄격함. 단항 연산자 Number() 와 유사함. 엄격한 형태의 변환을 수행. parseFloat 문자열을 숫자로 변환해주고 문자열에 실수를 나타내는 숫자가 없으면 NaN 반환. 숫자와 문자가 섞여있는 데이터를 처리할 때 유용함. 숫자가 문자가 섞여있는 데이터를 처리하다가 parseFloat 내장 함수를 처음 알게되어 정리해 봄.
toFixed(), toPrecision()
소수점 자릿수 지정하기 | 메소드 | 의미 | 반환 | | --- | --- | --- | | 숫자값.toFixed([자릿수]) | 소수점 이하 자릿수 지정 | string 문자열 | | 숫자값.toPrecision([자릿수]) | 자릿수 지정 정밀도 반환 | string 문자열 | Number.prototype.toFixed() toFixed() 메서드는 숫자를 고정 소수점 표기법(fixed-point notation)으로 표시 toFixed()는 Number 객체를 주어진 숫자만큼의 소수점 이하 자리수를 정확하게 갖는 문자열 표현으로 반환. 소수점 이하가 길면 숫자를 반올림하고, 짧아서 부족할 경우 뒤를 0으로 채울 수 있다. 소수점 자릿수 지정
[JS] 소수점 연산시 오류가 나는 이유(feat. .toFixed(), .parseFloat())
컴퓨터는 연산할 때 10 + 11 = 22 와같이 그대로 더하지 않고 1) **binary 로 변환한 뒤 2) 연산함** 이때 소수점은 binary 로 바꾸면 무한소수가 되는 경우가 있다 이경우 컴퓨터의 용량은 유한하기때문에 적정한 소수점 이하의 숫자는 날려버림 -> 예를 들면 1.10010110010011... => 1.10010110으로! 이렇게 바뀐 숫자를 연산하면 원래값과 아주 미세하게 다른 값이 도출됨. 이경우 해결방법 3가지가 있는데... 첫째는 10 to power of x 를 곱해 소수점을 없애서 연산한 뒤 10~으로 나누거나 둘째는 소숫점 계산을 쉽게 해주는 라이브러리를 쓰거나 셋째는 .toFixed() 메소드를 사용해 결과값을 반올림하면됨 이중 셋째의 경우 주의해야할 사항이 있는데...! 결과값이 숫자형이 아닌* 문자형-string-*으로 반환됨... 에
JavaScript String <-> Number 변환
1. Number -> String Number() 함수를 사용해서 String형에서 Number형으로 전환할 수 있습니다. Number 함수 외에도 parseInt(), parseFloat() 등이 있습니다. 2. Number -> String Assignment countRemainingPension 함수를 구현해주세요. 우리나라는 국민연금을 만 65세부터 받을 수 있습니다. countRemainingPension 는 age_string 이라는 인자를 받습니다. age_string 은 나이 값으로, string 타입입니다. 주어진 나이부터 몇 년이 지나야 국민연금을 받을 수 있는지 반환해주세요. 예를 들어, age_string 값이 35라면 반환값은 다음과 같아야 합니다: "앞으로 30년 남으셨습니다."
calculator 메모 정리
내가 다시 볼 용도 2022.07.20 > #### HTML 데이터 속성(data-, dataset) HTML에서 데이터속성을 설정해 그 데이터를 JS나 CSS에서 부를 수 있음 대문자 사용 안됨! JS 예를 들어 html에서 data-key-value로 적용시켜놓고 JS에서 접근할 때는 dataset사용! const practice = document.querySelector('.class'); console.log(practice.dataset.keyValue); 데이터속성 이름에서 data-를 빼고 camelCase로 변환해서 사용 * camelCase-> 단어의 중간에 띄어쓰기나 표기 없이 대문자를 사용하는 방법을 의미 ex) iPhone, eBay, FedEx** 참고) let e= event.target.dataset.keyValue; CSS > #### parseFloat() parseFloat
[dream coding] 10강 전역 객체 , 전역 프로퍼티, 전역 함수 TIL
전역 객체 Global Object 모든 객체의 유일한 최상위 객체를 의미 window 객체: Browser-side global 객체 : Server-side(Node.js) 💡전역 객체의 특징 실행컨텍스트(EC)에 컨트롤이 들어가기 이전에 생성 constructor가 없기 때문에 new 연산자를 이용하여 새롭게 생성 불가 => 개발자가 전역객체를 생성하는 것은 불가능 전역객체는 전역 스코프(global scope)를 가진다 전역객체의 자식객체를 사용할 때 전역객체의 기술을 생략가능 document.getElementById('foo') window.document.getElelmentById('foo') 💡전역변수와 전역함수는 전역 객체의 프로퍼티와 메소드 전역객체는 전역 변수를 프로퍼티로 가진다. 전역객체는 적연 함수를 객체의 프로퍼티로 접근할 수 있다. 다시말해 전역 함수는 전역 객체의 메소드이
Number()와 parseInt(), parseFloat()의 차이점
JavaScript에서 값을 number 타입으로 변환해주는 Number()생성자와 함수 parseFloat(), parseInt()의 차이점을 알아보자. 1. Number() num1: 값이 true인 경우 1 반환 num2: 값이 false인 경우 0 반환 num3: 값이 null인 경우 0 반환 num4: 값이 빈 문자열인 경우 0 반환 num5: 값이 소수인 경우 소수 그대로 반환 2. parseInt() int1: 값이 boolean 타입인 경우 NaN 반환 int2: 값이 null인 경우 NaN 반환 int3: 값이 빈 문자열인 경우 NaN 반환 int4: 값이 16진수 값
JS 공부
parseInt : 소수점을 정수로 출력하기/ 만약 두번째 (첫번째, 두번째)인자에 값이 들어오면 그것은 진수를 뜻합니다. parseFloat : 대입된 값을 부동 소수점 숫자로 변환한다. 만약 숫자가 아닌 값이 들어오면 생략해버린다. trim : 문자 공백 지우기 ' abc ' => abc slice : '문자열'.slice(시작 인덱스, 종료 인덱스) slice 메소드는 음수도 가능, 음수는 인덱스를 문자열 뒤에서 부터 시작하여 인덱스를 셈한다. 문자열 길이가 넘어가면 빈 값을 반환. substring : 인자로 시작 지점의 인덱스와 종료 지점의 인덱스를 받습니다. 두 번째 인자인 종료 인덱스는 선택 사항이므로 필수값은 아님 슬라이스랑 다른 점은 음수를 넣으면 정상적으로 수행안함 substr : 음수를 넣으면 정상적으로 수행 안함 length : 문자열을 구하기 위해서 사용할 수 있다. concat : 문자열 합치기 `charAt()
[FC] JavaScript Day-7
문자를 숫자로 변환 parseInt(변환할 값) 해당값을 정수로 반환 ex) 정수를 반환한다. parseFloat(변환할 값) 해당값을 실수로 변환 ex) 실수로 반환한다. 배열관련 내장함수 toString(): 배열을 문자로 변환 join(): 구분자를 활용해 문자열로 이어붙이기 pop(): 배열의 마지막 요소 제거(리턴값으로 잘라낸 요소 반환) push(): 배열의 끝부분에 새로운 요소 추가 (리턴값으로 배열의 길이 반환) shift(): 배열의 첫 부분 요소 제거 (리턴값으로 잘라낸 요소 반환) unshift(): 배열의 첫 부분에 새로운 요소 추가 (리턴값으로 길이 반환) splice(): (삽입위치, 잘라낼 갯수, 추가할 내용): 배열에 새로운 요소를 잘라서 붙임 concat(): 두개의 배열 합치기 slice(): 배열 잘라내기 (splice와 다른 점은
개발 공부 1일차
**paraseInt는 어떻게 사용되고 paraseInt는 무엇인가? ** 문자열을 숫자로 바꾸기 문자열을 숫자로 바꿀 수 있습니다. 그렇다면 이제 확인을 해보자 가 출력되는 것을 확인할 수 있다. 문자열을 정수로 소수점을 지워줍니다. 문자열을 실수로 바꿔주기 위해선 parseInt를 parseFloat로 바꿔줍니다. 오늘의 정리 typeof 는 문자열인지 숫자열인지를 알아볼 수 있는 명령어 parseInt는 문자열을 숫자열로 바꿔주며 정수로 바꾼다. parseFloat는 문자열에 실수가 있을 경우 실수를 유지하기 위해서 쓴다. 부족한 점이 있을 수 있겠지만 오늘의 정리 마무리
[JS] converting and checking numbers, Math and rounding, remainder operator,Numeric Separators, bigInt
강의 출처 : The Complete JavaScript Course 2022 Jonas (Udemy) Converting and Checking Numbers Conversion (string to number) Parsing **parseInt, parseFloat => global functions Number을 굳이 안붙혀도 되지만, 요즘은 붙혀서 적는 추세!** isNaN Check if value is NaN. data type이 NaN인지를 확인한다. console.log(Number.isNaN(20)); //false console.log(Number.isNaN('20')); //false (just regular datatype) console.log(Number.isNaN(+'20X')); //true console.log(Number.isNaN(23 / 0)); // false datatype : Infinity isF
[JS] 빌트인 객체와 전역 객체
✅ JS 객체의 분류 표준 빌트인 객체 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체로 애플리케이션 전역의 공통 기능을 제공한다. 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. 호스트 객체 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다. 사용자 정의 객체 사용자 정의 객체는 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체를 말한다. ✅ 표준 빌트인 객체 > - ECMAScript 사양에 정의된 객체로 애플리케이션 전역의 공통 기능을 제공한다. JS 실행 환경과 관계없이 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. > - Math, Reflect, JSON 을 제외한 표준 빌트인 객체는 모두 인스턴스를 생성할 수 있는 **[생성자 함수 객체](https://velog.io/@songjy377/JS-%EC%83%9D
문자열 (String)
이번 문자열은 ... 자바스크립트와의 약속 문제풀기전에 몇가지만 알고 가자. 물론 할때마다 검색해서 해도 되는데. 그러면 너무 답답터지니... 진짜 몇가지 메소드만 외우자.. indexOf() 자바스크립트는 대소문자를 구별한다. 그래서...나온 메소드 짜란 그래서 비번번호 다양하게 만들수 있고. 은행인터넷뱅킹 아이디는 항상 대문자로 할 수 있음@@22 toUpperCase() toLowerCase() slice(시작번째, 끝나는째) 그다음으로 진짜사나이 헨리가 알려준 넥슬라이스 문자열에 시작번째에서 하고 싶은대 까지 짜를수 있다. 나중에 배열에서도 정말 많이 사용한다. Deep copy개념이 나온다..그때 하자.. slice(시작하고 싶은곳에서 바로 뒤 , 딱 끝나는째) `` <-백틱 맥북은 키보드 옵션 + 원화 표시 누르면 입력가능하다. 템플릿리터럴 혹은 템플릿스프링 자
숫자형
e를 이용한 숫자 표현 방법 e뒤에3을 붙이면 0 3개가 뒤에 붙는다 1e3은 그래서 1000과 같음 
TIL_210417
오늘 배운 것 sort() parseFloat() parseInt() sort() 이걸 왜 이제야 찾아봤나 싶다. 공부 참 띄엄띄엄 했네 아무튼 자바스크립트 배열의 내장 함수에 sort()가 있다. 이름에서 예상할 수 있듯, 요소들을 정렬한다. 문자의 경우 일반적인 방법으로 사용하면 글자 수에 따라 정렬된다. 숫자의 경우 아스키 문자 순서로 정렬되기 때문에 우리가 생각하는 대로 정렬되지 않는다. 자바스크립트는 역시 근본이 없다 다음 ES에는 직접 함수 안 써도 되게 바뀌었으면 ... parseFloat() 규칙 수로 시작할 때 그 수를 실수로 바꾼다 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꾼다 공백으로 시작하면 공백은 무시한다 수가 아닌 문자로 시작하면 NaN을 반환한다 예시 parseInt() parseFloat()와의 차이점 `parseFloat
TIL_20210404
isFinite와 isNaN isFinite(value) – 인수를 숫자로 변환하고 변환한 숫자가 NaN/Infinity/-Infinity가 아닌 일반 숫자인 경우 true를 반환함 빈 문자열이나 공백만 있는 문자열은 isFinite를 포함한 모든 숫자 관련 내장 함수에서 0으로 취급 Infinity와 -Infinity – 그 어떤 숫자보다 큰 혹은 작은 특수 숫자 값 NaN – 에러를 나타내는 값 isNaN(value) – 인수를 숫자로 변환한 다음 NaN인지 테스트함 Object.is와 === Object.is는 ===처럼 값을 비교할 때 사용되는 특별한 내장 메서드 아래와 같은 두 가지 에지 케이스에선 ===보다 좀 더 신뢰할만한 결과 NaN을 대상으로 비교할 때: Object.is(NaN, NaN) === true 0과 -0이 다르
javascript 실수 관련 메서드
소수점 관련 메서드 정리 parseFloat(string) parseFloat(string) : string을 강제로 float형으로 바꾼다. number가 아닌 곳은 버림한다. toFixed(number) numObj.toFixed(number) : number에 지정한 수는 소수점 자리가 되며, 자동 반올림 한다.