문자열
- 자바스크립트 -> 문자열은 변경 x 한번생성되면 내용을 변경할 수 없다.
- 특수문자 출력 -> ``백틱안에 , \ -> \\2번작성해야 나온다.
- 자바스크립트 입력 자료형은 문자 , 숫자로 사용할려면 Number로 변환해줘야함.
소문자 ,대문자 변환
소문자 -> 대문자, 대문자 -> 소문자
문자열.charCodeAt(index) : 문자 ->아스키코드(숫자)로변환
String.fromCharCode(아스키코드숫자) : 아스키코드 -> 문자로변환
ex) str = aBcDeFg
console.log(str.charCodeAt(0)-32) : 97(a)-32 =65(A)
console.log(String.fromCharCode(65) : 65 = A 변환
1) 문자.toUpperCase() : 소문자 -> 대문자 , 문자열.toUpperCase() : 문자열 전체를 대문자로
2) 문자.toLowerCase() : 대문자 -> 소문자 , 문자열.toLowerCase() : 문자열 전체를 소문자로
정수형->문자형
- String(값)
Join함수(배열 -> 문자열)
arr.join(구분자) = 배열의 모든 요소를 연결해 하나의 문자열로 만든다.
구분자는 배열의 각 요소를 구분할 문자열, 생략하면 쉼표
ex)
const arr = ['1', '2', '3'];
console.log(arr.join()); -> 1,2,3
문자열 -> 배열
String.split(구분자) : 지정한 구분자를 이용하여 여러개의 문자열로 나눈다.
ex)
구분자 없음.
var str = "Welcome to javascript";
var result = str.split();
console.log(result); // ['Welcome to javascript']
console.log(result[0]); // Welcome to javascript
공백단위
var str = "Welcome to javascript";
var result = str.split(" ");
console.log(result); // ['Welcome', 'to', 'javascript']
문자열 역순
- split -> 배열로만든다 -> reverse -> 배열을 역순으로 만든다 -> join -> 배열을 문자열로 만들어준다.
const str = 'Hello, World';
const reversed = str.split('').reverse().join('');
console.log(reversed);
문자열 정렬
문자열 -> split() -> 배열만든 후 sort
- 문자열배열.sort()
문자열 배열을 기본적으로 sort()만 하면 A -> Z -> a -> z 순(오름차순)으로 정렬 ( 아스키코드로 A : 65, a : 97 )
let test = ['B', 'D', 'A'];
console.log(test.sort()); // ['A', 'B', 'D']
let test2 = ['B', 'D', 'A', 'f', 'a'];
console.log(test2.sort()); // [ 'A', 'B', 'D', 'a', 'f' ]
만약 z -> a -> Z -> A 순(내림차순)으로 정렬하고 싶으면
- 문자열배열.sort((a,b)=>a>b?-1:1) 혹은
- b가 앞의 값 a가 뒤의 값
- 만약 b의 값이 a 값보다 크면 return -1을 해줘서 둘의 위치를 바꿔준다.
- 문자열배열.sort() 후 문자열배열.reverse()
let test = ['B', 'D', 'A', 'f', 'a'];
console.log(test.sort((a,b)=>a>b?-1:1));
//[ 'f', 'a', 'D', 'B', 'A' ]
---------------------
let test = ['B', 'D', 'A', 'f', 'a'];
let temp = test.sort();
console.log(temp.reverse());
//[ 'f', 'a', 'D', 'B', 'A' ]
- 문자열배열.sort( (a,b))
정수형
소수점
- Math.ceil() : 소수점 올림, 정수 반환 ex) Math.ceil(1.42) = 2
- Math.floor() : 소수점 버림, 정수 반환 ex) Math.floor(1.42)= 1
- Math.round() : 소수점 반올림, 정수 반환
- Math.trunc() : 소수점이하는 버린다. ex) Math.floor(1.42)= 1
Math.floor() vs Math.trunc()
- Math.floor(-23.3) : -24 , 바닥까지 내린다고 생각
- Math.trunc(-23.3): -23 , 소수점이하는 그냥 다 버림.
문자형-> 정수형
- Number(값)
정렬
배열.sort() = 배열원소들이 유니코드값으로 인식되어 정렬 -> 우리가 원하던 정렬 x
- 배열.sort((a,b)=>a-b) : 오름차순
- 배열.sort((a,b)=>b-a) : 내림차순
진수변환
- 10진수 -> 2진수(3,4,5,...n진수)
let decimal = 2022;
//10진수 -> 2진수
console.log(decimal.toString(2));
//10진수 -> 3진수
console.log(decimal.toString(3));
//10진수 -> N진수
console.log(decimal.toString(N));
- 2진수(3,4,5...N진수) -> 10진수
//2진수 -> 10진수
let binary = "1011"
console.log(parseInt(number,2));
//3진수 -> 10진수
let trinary = "2122"
console.log(parseInt(number,3));
//N진수 -> 10진수
let parameter = "~"
parseInt(parameter,N);
'프론트엔드 > javascript' 카테고리의 다른 글
모달창 만들기(Modal/Dialog) (0) | 2023.07.13 |
---|---|
자바스크립트프로젝트 - 다른색깔찾기 (0) | 2023.07.05 |
javascript프로젝트 - 틀린글자찾기 (0) | 2023.07.03 |
Javascript프로젝트 - 가위바위보 (1) | 2023.07.01 |
javascript - 북마크 아이템 추가하기 (0) | 2023.06.14 |