오지이 오지이

# toString() toString() 함수는 배열 안의 모든 문자를 쉼표(,)를 이용해 모두 결합해서 하나의 문자열로 반환합니다. let fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.toString(); // Banana,Orange,Apple,Mango # join() join() 함수는 배열 안의 모든 문자를 파라미터로 지정한 문자를 이용해서 모두 결합해서 하나의 문자열로 반환합니다. let fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.join(" * "); // Banana * Orange * Apple * Mango 실무 사용 사례 - 문자열을 합쳐야 하는 경우 더하기(+)를 이용해..

# parseInt() parseInt() 함수는 전역 함수로서 정수로 반환합니다. 문자열의 시작이 숫자형이면 숫자형 데이터를 반환합니다. parseInt("-10"); // -10 parseInt("-12.33"); // -12 parseInt("10"); // 10 parseInt("12.33"); // 12 parseInt("10 20 30"); // 10 parseInt("10 years"); // 10 parseInt("years 10"); // NaN 실무 사용 사례 - HTML의 폼 필드 중 하나인 input type = "text"를 통해서 정수 값을 입력받더라도 자바스크립트에서 이 값을 읽어 오면 데이터 타입이 숫자형이 아닌 문자형이 됩니다. 그래서 읽어온 값으로 더하기 같은 연산을 하려..

# Number 객체 Number 객체는 숫자를 다룰 때 유용한 프로퍼티와 함수를 제공하는 레퍼(wraper) 객체입니다. 여기서 래퍼 객체란 이름처럼 원시 타입의 값을 감싸는 형태의 객체입니다. 자바스크립트에서는 정수와 실수를 따로 구분하지 않고, 모든 수를 실수 하나로 표현하며 모든 숫자는 IEEE 754 국제 표준에서 정의한 64비트 부동 소수점 수로 저장됩니다. # toString() toString() 함수는 숫자형 데이터를 문자형 데이터로 반환해 주는 함수입니다. let x = 123; x.toString(); // 문자 타입 123 (123).toString(); // 문자 타입 123 숫자를 toString() 함수를 사용해서 문자 타입으로 변환할 경우가 없으리라 생각할 수 있지만, 숫자를..

# charAt() charAt() 함수는 문자열에서 특정 인덱스에 해당하는 문자 하나를 반환하는 함수입니다. let str = "HELLO WORLD!"; str.charAt(0); // H 실무 사용 사례 - 어떤 시스템의 경우는 시스템을 사용하는 사용자의 역할을 의미하는 문자를 이용해서 사용자 아이디를 생성하는 경우가 있습니다. 예를 들어 관리자 역할을 하는 사용자의 아이디는 시스템 관리자의 영문인 Administrator의 첫 번째 알파벳 문자인 A를 시작 문자로 하여 A0001, A0002, A0003과 같은 순번 체계를 사용하고, 일반 관리자 역할을 하는 사용자의 아이디는 Manager의 첫 번째 알파벳 문자인 M을 시작으로 하여 M0001, M0002, M0003과 같은 순번 체계로 생성됩니..

# concat() concat() 함수는 2개 이상의 문자열을 하나의 문자열로 합치는 함수입니다. let text1 = "Hello"; let text2 = "World"; let text3 = concat(" ", text2); let text4 = "Hello" + " " + "World"; let text5 = concat(text1, " ", text2); 실무 사용 사례 한국 사람의 이름은 성과 이름을 붙여서 사용합니다. 하지만 미국이나 유럽 같은 경우는 first name, middle name, last name이 존재하며 first name, middle name, last name을 공백을 사용해서 구분하고 전체 이름을 보여 주게 됩니다. 이럴 경우 fistName.concat(" ",..

# substring() substring() 함수는 slice() 함수와 동일한 기능을 하지만 파라미터로 음수를 허용하지 않습니다. let str = "Apple, Banana, Kiwi"; let res = str.substring(7, 13); // Banana # substr() slice() 함수와 유사하지만 두 번째 파라미터는 종료 인덱스가 아니라 첫 번째 파라미터인 시작 위치에서 잘라낼 문자의 길이입니다. let str = "Apple, Banana, Kiwi"; let res = substr(7, 6); // Banana 첫 번째 파라미터인 시작 위치 인덱스를 음수로 주면, 문자열의 끝에서부터 거꾸로 읽게 됩니다. let str = "Apple, Banana, Kiwi"; let res =..

String 객체는 자바스크립트에서 문자열을 다루기 위한 객체로 문자열을 다룰 때 유용한 프로퍼티와 함수를 제공합니다. # length 문자열 길이를 반환하는 함수입니다. let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; let sin = txt.length; 실무 사용 사례 - 회원 가입 시 '비밀번호 길이가 최소 8자리 이상 16자리 이하'와 같이 비밀번호 생성 규칙을 두는 경우가 있습니다. 사용자가 비밀번호를 입력하면 비밀번호가 몇 자리로 입력되었는지 length 함수를 이용해서 알 수 있습니다. - 주민번호 앞 6자리인 생년월일을 입력하는 화면에서 생년월일이 6자리로 입력되었는지 length 함수를 이용해서 알 수 있습니다. # indexOf() 문자열 안에 특정 문자열이 존..

# Object 객체 내장 객체(Built-in Object)는 브라우저의 자바스크립트 엔진에 내장된 객체를 말합니다. Object 객체는 모든 자바스크립트 객체의 루트 객체입니다. 자바스크립트에는 Object 객체 외에도 String 객체, Number 객체, Date 객체, Array 객체, Math 객체 등 다양한 객체가 존재합니다. 빈 객체를 생성하는 방법은 다음과 같습니다. let person = new Object(); 키(key)와 값(value)을 설정하는 방법은 다음과 같습니다. person.firstName = "John"; person.lastName = "Doe"; person.age = 1200; person의 firstName과 lastName의 데이터 값을 합쳐 주는 함수를 작..