본문 바로가기

자바스크립트6

boundary 안에 해당 좌표가 있는지 확인 Canvas로 영역을 만들고 그 영역 안에 해당 좌표가 있는지 확인하는 알고리즘 먼저 확인 하고 싶은 좌표를 배열로 선언합니다. point[0] = x 좌표, point[1] = y좌표 var point = [2,4]; 영역 또한 이차배열로 선언합니다. var vs = [ [94, 119], [94, 267], [285, 267], [285, 119], ] const inside = (point, vs) => { var x = point[0], y = point[1]; var inside = false; for (var i = 0, j = vs.length - 1; i < vs.length; j = i++) { var xi = vs[i][0], yi = vs[i][1]; var xj = vs[j][0],.. 2023. 12. 13.
[javascript] 문자열 포함 확인하기 /includes/match/indexOf/lastIndexOf 자바스크립트 다양한 방법으로 문자열 포함 확인하기 1. String.includes() var str = 'testofstring' str.includes('of') //true str.includes('st') //true str.includes('as') //false includes는 true/false 의 boolean 형태로 반환 해당 문자열을 포함하면 true, 없으면 false 단순하게 true, false 값만 필요할 때 사용 2. String.match() var str = 'testofstring' str.match('of') //["of", index: 4, input: "testofstring", groups: undefined] str.match('st') //["st", inde.. 2021. 4. 16.
java script 연산자 1. 산술 연산자 : +, -, *, /, % var num1= 15; var num2= 2; console.log('+연산자 :', num1 + num2); console.log('-연산자 :', num1 - num2); console.log('*연산자 :', num1 * num2); console.log('/연산자 :', num1 / num2); console.log('%연산자 :', num1 % num2); 2. 문자열 연산자 var str1 = '한국스마트'; var str2 = "정보교육원"; var num3 = 10; var num4 = '1000'; var result = str1 + str2; console.log('문자열 연산자1 : ', result); console.log('문자열 연.. 2020. 3. 9.
java script 객체 1. 객체(Objcet) ; 객체 = object -자바 스크립트는 객체 기반 언어이다. -객체는 메모리에 올린 데이터이다. 형체가 있는 대상, 메모리에 올라간 데이터 -기본 자료형 혹은 내장 객체(ex.배열)의 값으로 변수 생성 후 데이터 삽입시, 해당 자료형으로 활용할 수 있는 메서드와 속성이 생성된다. -> 염두는 이것을 컨트롤해서 사용만 하면 되는데.... 2. 객체의 요소 - 메서드 (Method) : - 속성 (Property) : 기본형 ① 객체. 메서드( ); ② 객체.속성; ③ 객체.속성 = 값; 3. 개발자가 직접 객체 생성하기 -객체 생성시 객체는 키와 값으로 이루어져있다. -객체의 값은 문자, 숫자, 배열, 객체, 함수 등 모든것을 포함 할 수 있다. 기본형 객체 = { 키 : 값,.. 2020. 3. 9.
javascript 변수 선언 1. 변수(Variables) 변하는 데이터(값)를 저장할 수 있는 메모리 공간 변수에는 데이터가 오직 한 개만 저장 됨 2. 변수 선언 키워드 var, let, const ; 로 선언한다. const - 상수 선언시(변하지 않는 값); var, let - 변수 선언 var 변수명 ; var 변수명 = 값; var box; box = 10; box = 30; document.write(box); //최종 값이 들어가 있음 box라는 명칭으로 메모리 공간 할당; 3. 변수 선언시 주의 사항 1. 한글 사용금지 2. 숫자 첫 글자 사용 금지 3. 특수문자 사용금지($,_ 사용 가능) 4. 예약어 사용금지(예약어란 프로그램에서 자체적으로 사용하는 변수명 혹은 키워드) 4. 변수에 저장 할 수 있.. 2020. 3. 5.
javascript 기초 1. 스크립트 선언 head에 선언하기 2. 스크립트 내 주석처리 java랑 주석처리가 같앙ㅛ 3. 문자열 입력 ' ', " " 로 둘 다 입력 가능~ 4. Document 객체 Document는 위에서 아래로 읽는다. document가 설정 된 곳 까지 읽는 것! 5. 문장의 종료 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; →→ 종료는 세미콜론 6. 크롬 개발자모드 F12 누르면 개발자모드로 사용 가능! 2020. 3. 5.
728x90
반응형

티스토리툴바