728x90

forEach()

Array 요소를 제공된 함수로 한 번 실행.

값을 반환하지 않는다.(return값이 없다.)

기존 배열은 변경 가능.

// 함수를 선언해서 사용
array.forEach(function(item){
	console.log(item);
});

// es6 화살표 함수
array.forEach((item) => {
	console.log(item);
});

 

See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.

 

map()

모든 Array 요소가 제공된 함수로 호출될 때 새로운 array를 생성

기존의 배열을 가공하여 새로운 배열을 생성할 때 사용

기존 배열 값은 바뀌지 않고 유지

// 함수를 선언해서 사용
array.map(function(item){
	return item;
});

// es6 화살표 함수
array.map((item) => {
	return item;
});

 

See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.

 

728x90
728x90

reverse()

split과 join을 같이 사용하여 문자열을 뒤집어 사용 가능.

배열에 사용 가능하다.

 

See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.

 

 

 

728x90
728x90

Math.random()

Math.random()은 난수(랜덤 숫자)를 만든다.

 

문법

Math.random(); // default 0 ~ 1 까지 난수 생성

Math.random()*max // 0 ~ max 까지 난수 생성

(Math.random()*(max-min))+min // min ~ max 까지 난수 생성

Math.random()은 0 이상 1 미만의 난수를 만든다.

 

예제

See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.

728x90
728x90

isNaN()

isNaN() - 매개변수가 숫자인지 검사하는 함수.(Not a Number)

 

문법

isNaN(value);

value - 검사할 값 입력

결과 - 매개변수가 숫자가 아니면 true, 숫자면 false를 반환.

 

예제

isNaN(1234); // false
isNaN('1234'); // false
isNaN('text'); // true
isNaN(12*34); // false
isNaN('12*34'); // true
728x90
728x90

alert()

alert()은 사용자에게 메세지를 전달할 수 있는 알림창을 띄운다.

alert("메세지");

 

confirm()

confirm()은 메세지를 표시해 사용자에게 의사를 물어보며, 선택에 대한 결과로 "예", "아니오"를 가진다.

기본값은 아니오(false). confirm() 창을 무시하면 아니오(false)를 반환.

confirm("메세지");

 

prompt()

prompt()은 사용자에게 입력값을 전달받을 수 있는 메세지를 가지고 있는 대화창을 띄웁니다.

사용자가 입력한 값을 반환. 입력된 값이 없다면 "null" 반환.

prompt("메세지","입력 받을 부분의 default 메세지");

 

728x90
728x90

1. <head></head> 사이에 script 코드를 삽입.

<script type="text/javascript">
	document.oncontextmenu = function(){return false;}
</script>

 

2. <body> 아래에 html 코드를 삽입.

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">

 

3. 명칭

oncontextmenu = "return false" : 우클릭 방지
onseletstart = "return false" : 마우스 드래그 방지


ondragstart =  "return false" : 이미지 복사 드래그 방지


onkeydown = "return false" : 키보드 단축키 복사 방지

 

728x90
728x90

var

이전 자바스크립트의 변수 선언이 var로만 가능했었다.

var 변수 선언을 했을 경우 가장 큰 특징은 중복 선언이 가능하다.

var a =10;
console.log(a) // 결과값 10

var a = 20;
console.log(a) // 결과값 20

var a = 30;
console.log(a) // 결과값 30

중복 선언의 위험성 때문에 큰 단점으로 여겨진다.

이 문제를 보완하기 위해 let과 const가 추가되었다.

 

let

변수명을 중복으로 선언하면 아래와 같은 에러가 발생한다.

허나 값을 재할당 하는 것은 가능하다.

let a = 10;
console.log(a) // 결과값 10

let a = 20;
console.log(a) // 에러발생
// SyntaxError: Identifier 'a' has already been declared
// 중복 선언 불가 

a = 30;
consolel.log(a) // 결과값 30
// 값을 재할당 하는 것은 가능

 

const

변수명을 중복으로 선언하면 let과 같은 에러가 발생한다.

const는 값을 재할당 하는 것도 불가능하다.

처음 선언하면 다른 값을 넣을 수 없기에 보통 const는 상수를 선언하는 키워드로 사용한다.

const a = 10;
consolel.log(a) // 결과값 10

const a = 20;
console.log(a) // 에러 발생
// SyntaxError: Identifier 'a' has already been declared
// 중복 선언 불가

a = 30; // 에러 발생
// Assignment to constant variable.
// 값을 재할당 하는 것도 불가

 

값을 재할당 할 필요가 있을 경우 - let

값을 재할당 할 필요가 없을 경우 - const

728x90

+ Recent posts