쑥쑥자라기🌱

문자열도 생각해보면 '문자' + '열'이기 때문에 배열과 비슷한 부분들이 많습니다. 비슷한 점 실제로 지난 시간에 배열과 문자열 모두 length프로퍼티를 가지고 있고, 대괄호 표기법으로 각 요소에 접근할 수 있다거나.. 꽤 많은 메소드들이 배열과 문자열 모두 동일하게 사용되는 것도 확인할 수 있었는데요. 배열을 다룰 때 유용한 for..of문을 문자열에 활용할 수도 있습니다. let myString = 'Codeit'; for (let str of myString) { console.log(str); } // C // o // d // e // i // t 다른 점 하지만 비슷하다고 해서 완전히 같다고는 할 수 없습니다. let myString = 'Codeit'; let myArray = ['C', ..

숫자 값을 객체처럼 다룰 수 있듯이 JavaScript에서는 문자열도 객체처럼 다룰 수가 있습니다. 문자열은 배열과 비슷한 부분이 많습니다. // String let myString = 'Hi Codeit'; // 부분 문자열 접근 slice(start, end) console.log(myString.slice(0,2)); console.log(myString.slice(3)); console.log(myString.slice()); // 양 쪽 공백 제거 console.log(myString.trim()); // trim 메소드 // 대소문자 변환 console.log(myString.toUpperCase()); // 대문자 // HI CODEIT console.log(myString.toLowerCa..

let sum = 0.1 + 0.2; console.log(sum); // 0.30000000000000004 0.1과 0.2를 더하면 0.3이 나올 것 같은데 이상하게 콘솔에는 0.3이 아니라 0.3에 가까운 숫자가 출력됩니다. 이런 간단한 더하기조차 못하는 JavaScript가 갑자기 못 미더우신가요? 그런데 이건 자바스크립트만의 문제가 아니라 Python, Ruby, Java 등 대부분의 프로그래밍 언어에서도 똑같이 발생하는 오류입니다. 그럼 이런 단순한 계산도 못하는 경우가 도대체 왜 발생하는 걸까요? 이런 부정확한 숫자 계산의 가장 큰 원인은 사람과 컴퓨터 사이에 숫자를 다루는 방식이 서로 다르기 때문입니다. 컴퓨터의 모든 코드는 0과 1로만 이루어져 있다는 이야기를 들어 보신 적 있으신가요? ..

Date객체처럼 자바스크립트의 내장 객체 중 다양한 연산들을 유용하게 사용하기 위해 Math라는 객체가 있습니다. 절댓값 (Absolute Number) 학창 시절 수학 시간에서 배운 '절댓값(absolute value)' 기억하시나요? 간단하게 설명하자면, 어떤 값의 '양수(positive number)' 버전이라고 할 수 있습니다. 음수 -5의 절댓값은 양수 5고, 그냥 양수 5의 절댓값은 그대로 양수 5인 거죠. Math.abs(x)를 하면 x의 절댓값이 리턴됩니다. console.log(Math.abs(-10)); // 10 console.log(Math.abs(10)); // 10 최댓값 (Maximum) Math.max 함수에 파라미터로 여러 수를 넘겨주면, 그중 가장 큰 값이 리턴됩니다. c..

사실 JavaScript에서는 숫자도 객체입니다. 그래서 우리가 아무렇지 않게 작성하던 숫자에도 다양한 메소드들이 있는데요. 첫 번째는 toFixed라는 메소드 입니다. 이 메소드는 소수를 다룰 대 사용하는 메소드인데요. 파라미터로 숫자 값을 전달해 주면 그만큼 소수점 아래의 자릿수를 고정해주는 메소드 입니다. // Number let myNumber = 0.3591; // toFixed(0 ~ 100) console.log(myNumber.toFixed(3)); // 0.359 console.log(myNumber.toFixed(7)); // 0.3591000 console.log(typeof myNumber.toFixed(7)); // string console.log(typeof Number(myN..

JavaScript에는 생각보다 다양한 숫자 표현 방법이 있습니다.일반적으로 자산이 10억 원 있는 사람들을 가리켜서 백만장자라고 하죠. JavaScript로 10억을 표현하는 가장 간단한 방법은 그냥 숫자 10억을 입력하면 됩니다. 숫자 1과 뒤에 0을 아홉개 붙여 주는 것이죠. 그런데 이렇게 단위가 큰 정수나 아니면 자리수가 많은 소수의 경우에는 알파벳 e를 활용해서 숫자를 조금 간결하게 표현할 수가 있습니다. // 숫자 표기법 let millionaire = 10000000000; let myNumber = 1e9; console.log(millionaire); // 1000000000 console.log(myNumber); // 1000000000 console.log(millionaire ==..

배열의 요소에도 특별히 제한된 자료형이 없습니다. 객체의 프로퍼티 값과 같이 어떠한 값이든 모두 할당할 수가 있고 배열 역시 배열의 요소가 될 수 있습니다. // 다차원 배열 (multidimensional array) let twoDimensional = [[1,2],[3,4]]; console.log(twoDimensional[0][1]; 이렇게 배열 안에 배열이 들어가게 되면 이것을 2차원 배열이라고 부르는데 만약 배열 안에 2차원 배열이 또 들어가게 되면 3차원 배열이라고 부르게 됩니다. 그래서 이렇게 배열의 요소에 배열이 들어가는 형태를 가리켜서 다차원 배열이라고 부릅니다. 2차원 배열의 각 요소에 접근하려면 어떻게 해야 할까요? 만약 2라는 값에 접근하고 싶다면 일단 twoDimensional..

// for...of let influencer = ['suwonlog','small.tiger','Minam.ludens', 'CU_convenience24'] for (let i = 0; i < influencer.length; i++){ console.log(influencer[i]); } for...of 반복문이 아니더라도 순서대로 인덱스가 있는 배열의 특징과 length 프로퍼티를 잘 활용하면 단순히 for문으로도 배열의 길이만큼 반복을 하면서 각 요소들을 다룰 수 있지만 for...of 반복문을 활용하면 훨씬 더 간결하게 코드를 작성할 수가 있습니다. for (변수 of 배열){ 동작부분; } for...of의 구조는 객체를 반복할 때 사용했던 for...in문의 구조와 비슷하게 생겼는데 fo..