[JS] 배열 순회 for · for-in · for-of · forEach
·
STUDY/JavaScript
자바스크립트 반복문 4가지에 대한 정리 for : 고전적인 for문 for in : 객체의 프로퍼티 키 열거 전용 for of : 이터러블 순회 전용 forEach(): 배열 순회 전용 메서드 이외에도 ... 이런 종류가 있습니다 : while : 고전적인 while문 do while : 고전적인 do...while문 Object 객체 메서드: 객체 순회 전용 Array.prototye 메서드 : 배열 전용 for for (let i = 0; i < cars.length; i++) { text += cars[i] + " "; } /* 아래와 동일 text += cars[0] + " "; text += cars[1] + " "; text += cars[2] + " "; text += cars[3] + " ..
[JS] 스코프(var, let, const) · String 메서드
·
STUDY/JavaScript
스코프(var, let, const)와 String 메서드들에 대한 공부 정리 스코프 (범위) var, let 예제1 var name = "global var"; function home(){ for(var i=0; i
[JS] 함수 표현식과 함수 선언식의 차이 - 호이스팅
·
STUDY/JavaScript
함수 선언식 - Function Declarations 변수 선언이 let이나 const로 시작해야하는 것처럼 함수 선언을 function으로 시작한다. 선언된 함수는 나중 사용을 위해 저장되며, 함수를 실행하려면 함수 이름을 호출(call)하면 된다. function 함수명() { 구현 로직 } // 예시 function funcDeclarations() { return 'A function declaration'; } funcDeclarations(); // 'A function declaration' 함수 표현식 - Function Expressions 자바스크립트에서는 함수를 특별한 종류의 값(value)으로 취급한다. 즉, 함수를 다른 변수에 값으로써 '할당'한 것이 곧 함수 표현식이다. var..
[JS] options = options || {}; / 연산자 우선순위 · 삼항 연산자
·
STUDY/JavaScript
options = options || {}; function test (options) { options = options || {}; } /* *아래 코드와 같다 if (options) { options = options; } else { options = {}; } */ options 존재 하면 options = options options 존재 하지 않으면 options = {} test 인수 없이 호출 options하면 빈 객체로 초기화됩니다. 논리 OR 연산자 || : 첫 번째 피연산자가 거짓이면 두 번째 피연산자를 반환합니다 . 자바스크립트 연산자 우선순위 삼항 연산자 조건식 ? 반환값1 : 반환값2 물음표 앞의 조건식에 따라 결과값이 true이면, 반환값 1을 반환하고, 결과값이 거짓이면 반..
[JS] .charAt() 와 .indexOf() 에 대해 알아보기
·
STUDY/JavaScript
.charAt() 와 .indexOf() 에대해 알아보기 .charAt() charAt은 문자열에서 지정된 위치에 존재하는 문자를 찾아서 반환하는 함수입니다. "[문자열]".charAt([문자 위치]); 간단 예제 : //charAt 함수를 이용하여 문자열 "charAt" 의 3번째 위치 문자를 출력하시오. var str = "chatAt"; document.write("str.chatAt(2) : " + str.charAt(2) + " "); //결과 : str.chatAt(2) : a chatAt 의 위치는 0부터 시작하기 때문에 3번째 위치를 찾고자 하는 경우 2를 입력하여야 정확한 문자를 찾을 수 있습니다. ​ 정리 참고 출처 : https://m.blog.naver.com/PostView.nav..
[JS] JSON.parse() / JSON.stringify()
·
STUDY/JavaScript
JSON 메서드 자바스크립트는 JSON 데이터를 처리하기 위한 다음과 같은 메소드를 제공하고 있습니다. JSON.stringify() JSON.parse() JSON.stringify() 메소드 JSON.stringify() 메소드는 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다. JSON.stringify(value) value에는 변환할 자바스크립트 객체를 전달합니다. 이 메소드는 UTF-16으로 인코딩된 JSON 형식의 문자열을 반환합니다. var dog = {name: "식빵", family: "웰시코기", age: 1, weight: 2.14}; // 자바스크립트 객체 var data = JSON.stringify(dog); // 자바스크립트 객체를 문자열로 변환함. docum..
[JS] ES6 화살표 함수 기본 정리
·
STUDY/JavaScript
자바스크립트 JavaScript 화살표함수 화살표함수 : ES6에서 처음 등장한 새로운 함수 선언 방법 *함수선언식 : function 키워드로 단독으로 함수를 선언한 것 function sum(num1, num2){ return num1 + num2; } *함수표현식 : 변수에 함수를 할당한 것 const sum = function sum(num1, num2){ return num1 + num2; } 함수선언식과 함수표현식 차이점: https://rebornbb.tistory.com/entry/JS-%ED%95%A8%EC%88%98-%ED%91%9C%ED%98%84%EC%8B%9D%EA%B3%BC-%ED%95%A8%EC%88%98-%EC%84%A0%EC%96%B8%EC%8B%9D%EC%9D%98-%EC..
[JS-보충] 22-09-29 경주마 경주 만들기
·
STUDY/JavaScript
자바스크립트 javascript setTimeout 과 setInterval, clearInterval 경마 만들기 문제 start var rank=[]; //시작했을때 세팅 function start(){ //버튼숨김 document.getElementById("start").style.display='none'; // isEnd=[false,false,false,false];//false 안도착 true 도착 // rank=[0,0,0,0]; //도착순위 // rankCount=1; //순위설정 rank=[]; //시작점지정 document.getElementById("h1").style.marginLeft='0px'; document.getElementById("h2").style.marginLef..