Javascript Basic

변수 (variables)

for문

• for each
  foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드

  var items = ['item1', 'item2', 'item3'];

  items.forEach(function(item) {
      console.log(item);
  });
  // 출력 결과: item, item2, item3

• for in
  for in 반복문은 객체의 속성들을 반복하여 작업을 수행할 수 있으며, 모든 객체에서 사용이 가능하다

var obj = {
    a: 1, 
    b: 2, 
    c: 3
};
for (var prop in obj) {
    console.log(prop, obj[prop]); // a 1, b 2, c 3
}

• for of
  for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 한다.

var iterable = [10, 20, 30];
for (var value of iterable) {
  console.log(value); // 10, 20, 30
}

배열

배열을 나타내는 선언하는 방법 [ ]
push는 배열의 끝에 원하는 값을 추가해주는 함수
pop은 배열의 마지막 주소에 있는 값을 제거해주는 함수
shift는 배열의 첫번째 주소에 있는 값을 제거하여 반환해주는 함수
length는 배열의 길이를 반환해주는 함수
concat은 두개의 배열을 합쳐주는 기능을 하는 함수
join을 사용하면 배열값 사이에 원하는 문자를 삽입
reverse를 사용하면 배열을 역순으로 재배치
sort를 사용하면 배열을 정렬

var temp = [];
temp.push({
   text : 0,
   value : 0
 });

String(문자열)

setTimeout, setInterval, clearInterval

setTimeout 메서드는 일정시간후 함수를 실행한다
setTimeout(function(){console.log('setTimeout')}, 1000);
//1초후 setTimeout출력

setInterval 메서드는 일정시간마다 함수를 실행한다.
setInterval(function(){console.log('setInterval')}, 1000) //1초마다 setInterval출력

clearInterval 메서드는 setInterval로 반복하고 있는걸 멈추게 한다.

var count=0;
var repeat=setInterval(function(){
	console.log('setInterval');
	count++;
	if(count==5){
		clearInterval(repeat);
		}
	}, 1000);

Object(객체)

var person = {};
person.test = a;

for(let [key,value] of Object.entries(obj)){
//obj에 있는 객체를 key와 value로 나누어서 나타낸다

Date

var d = new Date(2018, 11, 24, 10, 33, 30, 0);
// Mon Dec 24 2018 10:33:30 GMT+0900 (대한민국 표준시)
var d = new Date("October 13, 2014 11:13:00");
// Mon Oct 13 2014 11:13:00 GMT+0900

var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
// Tue Mar 17 2020

var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
// Tue, 17 Mar 2020 11:22:52 GMT

Math

Math.random(); //0 (포함)과 1 (제외) 사이의 난수 반환
Math.floor(Math.random() ***** 10);     
// 0 과 9 사이의 난수 반환
Math.floor(Math.random() ***** 100);     
// 0 과 99 사이의 난수 반환
Math.floor(Math.random() ***** 101);
// 0 과 100 사이의 난수 반환

Math.floor(Math.random() * 10) + 1;  
// 1 과 9 사이의 난수 반환
Math.floor(Math.random() * 100) + 1; 
// 1 과 99 사이의 난수 반환

function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min) ) + min;
}

ex)
max:10
min:0
값은 0~9사이의 값이 랜덤으로 나타난다

function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min + 1) ) + min;
}

ex)
max:10
min:1
값은 1~10사이의 값이 랜덤으로 나타난다

filter

Test.filter(x => x.name == test1);

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환.