문자열 -> 숫자
요소의 내용 또는 값을 얻어오면 기본적으로 문자열(String)으로 인식된다.
-> 덧셈 연산시 더하기가 아닌 이어쓰기가 되어버림
parseInt(문자열) >> 정수 > 정수
실수 > 정수 ( 소숫점 버림 )
parseFloat(문자열) >> 정수 > 정수
실수 > 실수 ( 3.14 >> 3.14 )
Number(문자열 ) >> 정수 > 정수
실수 > 실수
형변환 확인
동등 비교 / 동일 비교 연산자
동등 비교 연산자 ( ==, != )
>> 값이없으면 true( 1 )
ex) '1'==1==true >>>> true
동일 비교 연산자 ( ===, !== )
>> 값과 자료형이 모두 같아야 true
문자열(String) 내장 함수
string.indexOf("찾고싶은문자열");
> 앞에서부터 검색하여
>> string내에서 "찾고싶은문자열"의 시작 인덱스를 반환
>>> 없으면 -1반환
string.lastIndexOf("찾고싶은문자열")
> 뒤에서부터 검색하여
>> string내에서 "찾고싶은문자열"의 시작 인덱스를 반환
>>> 없으면 -1반환
string.substring(시작인덱스)
> 문자열에서 시작 인덱스부터 끝까지 잘라서 반환
string.substring(시작인덱스, 마지막인덱스)
> 문자열에서 시작인덱스부터 마지막 인덱스사이를 잘라서 번환
string.split("구분자{,/.? ect}") ;
> 문자열을 구분자 기준으로 나누어서 배열로 반환
string.split("")
> 문자열이 한글자씩 모두 나누어져서 배열로반환
숫자관련 객체 / 내장함수
숫자 타입 리터럴 표기법
- 123(정수), 9.321(실수), Infinity(무한), NaN(Not a Number )
숫자 관련 내장 객체 : Math
Math.random() : 0이상 1미만의 난수 발생
(소숫점 첫째 자리에 적용)
Math.ceil(값) : 올림
Math.floor(값) : 내림
Math.trunc(값) : 버림
Math.round(값) : 반올림
숫자.toFixed(자릿수) : 숫자를 지정 된 자릿수까지 반올림해서 표현
ex) (3.45).toFixed(1) == '3.5'
isNaN(값)
값이 숫자가 아니면 true / 숫자면 False
( is Not a Number)
숫자인지 확인
Math 내장 객체
Math 확인Math.random() 활용하기
랜덤 배경색배열(Array)
배열 : 변수를 묶음으로 다루는 것 ( 변수가 연속적으로 나열 됨)
JS 변수 특징: 값이 저장되기 전까지 자료형이 지정되지 않는다.
*js 배열 특징
1. 자료형의 제한이 없다.
2. 길이의 제한이 없다.
== java collection List와 비슷
js 배열 선언 방법
1) const arr1 = new Array(); // 0칸짜리 배열 생성
2) const arr2 = new Array(3); // 3칸짜리 배열 생성
3) cosnt arr3 = []; / 0칸짜리 배열 생성
4) const arr4 = ['사과','딸기','포도','배'];
// 4칸짜리 배열 초기화 된 배열 생성
배열 + for문 확인
- 10
- 20
- 30
- 40
- 50
배열 관련 함수
(stack 구조 관련 함수)
push() : 배열의 마지막 요소로 추가
pop() : 배열의 마지막 요소 꺼내옴
배열.indexOf("값") : 일치하는 값을 가진 요소의 index를 반환
>>요소가 존재하지 않을 시 -1반환
배열.sort([정렬기준함수]) : 배열 내 요소를 오름차순 정렬 ( 문자열 )
>> 단 [정렬기준함수]가 작성되면 정렬 결과가 달라짐
배열.toString() : 배열 요소를 하나의 문자열로 출력
>> 요소 사이에 "," 추가된다.
배열.join("구분자") : 배열 요소를 하나의 문자열로 출력
>> 요소 사이의 "구분자" 추가
배열 관련 함수 확인
window2.open("URL", "팝업창 이름", "팝업창 특성(옵션)")함수
-
url
새 창에서 요청할 URL
-
팝업창 이름
사용자 임의 지정 : 새 창 이름 지정 _blank : 새 탭 또는 새 창(기본값) _self : 현재 탭 또는 현재 창 _parent : 부모페이지 _top : 최상위 페이지
-
팝업창 특성(옵션)
쉼표로 구분된 창 기능 목록을 포함하는 문자열 name=value또는 부울 기능의 경우 name. 이러한 기능에는 창의 기본 크기 및 위치, 최소 팝업 창을 열지 여부 등과 같은 옵션이 포함됩니다. popup 최소한의 팝업창 사용 팝업 창에 포함된 UI 기능은 일반적으로 주소 표시줄만 포함하여 브라우저에서 자동으로 결정됩니다. 활성화 popup되지 않고 창 기능이 선언되지 않은 경우 새 탐색 컨텍스트는 탭이 됩니다. width또는innerWidth 스크롤 막대를 포함하여 콘텐츠 영역의 너비를 지정합니다. 최소 필수 값은 100입니다. height또는innerHeight 스크롤 막대를 포함하여 콘텐츠 영역의 높이를 지정합니다. 최소 필수 값은 100입니다. left또는screenX 새 창이 생성될 사용자의 운영 체제에서 정의한 대로 작업 영역의 왼쪽에서 픽셀 단위로 거리를 지정합니다. top또는screenY 새 창이 생성될 사용자의 운영 체제에서 정의한 대로 작업 영역의 위쪽에서 픽셀 단위로 거리를 지정합니다.
오대수