[TIL] #05 JavaScript 스크립트 영역 선언, 연산자, 배열

🎈 스크립트 영역 선언문


📑 <외부 파일 사용 방법>

<script type="text/javascript" src="(?).js"></script>

<script>
	var a = 1;
    	var a = 10;
    	var a = 100;
        alert(a)        
       	document.write("브라우저 출력");
        alert("경고창");
        console.log("콘솔창 출력");
        confirm("확인창");
</script>

🎬 실행결과는 다음과 같다.


var변수는 동일 변수의 선언이 가능하다. (중복선언 가능)

<script>
	let b = 10;
	let b = 20;
</script>

let변수는 동일 변수의 선언이 불가능하다.(중복선언 불가능)


✔ 연산자


<script>
	var num1 = "10";
    	var num2 = 10;
  	console.log(num1 == num2); // true(값으로만 비교)
    	console.log(num1 != num2); // false 
  	console.log(num1 === num2); // false(갑과 데이터 타입까지도 동일한지 비교)
 	console.log(num1 !== num2); // true
</script>
<script>
 	var a;
        var b = null;
        console.log(a, b, a == b); //true
        console.log(a, b, a != b); //false
        console.log(a, b, a === b); //false (undefine과 null은 둘 다 값이 없는 형태이지만 타입이 다르기 때문에 false반환)
        console.log(a, b, a !== b); //true
 </script>

✔ 배열

<script>
	var arr = [1,2,3];
	console.log(arr);
  	//배열의 사용
 	console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        console.log("배열의 길이 : " + arr.length);  
    	//배열의 생성2
	var arr2 = new Array(); //배열의 생성
        console.log(arr2);
        var arr3 = new Array(10); //크기가 10인 배열의 생성
        console.log(arr3); 
        var arr4 = new Array(1,2,3,4,5); //크기가 5이고, 배열 의초기화
        console.log(arr4); 
	//자바스크립트 배열은 여러타입을 섞어서 저장할 수 있습니다
        var arr5 = [1,2,3, "가", "나", [1,2,3,4,5]];
        console.log(arr5);
        console.log(arr5[5]);
        console.log(arr5[5][3]); //arr5배열 안에있는 배열의 3번째 index
</script>

✔ 배열의 조작

<script>
        var arr = ['a', 'b', 'c', 'd', 'e'];
        var arr = new Array('a', 'b', 'c', 'd', 'e');
        console.log(arr);
        //push() - 배열에 마지막 요소 추가
        arr.push(100);
        console.log(arr);
        //pup() - 배열에 마지막 요소 삭제
        arr.pop();
        console.log(arr);
        //unshift() - 배열의 맨 앞에 요소 추가
        arr.unshift(10);
        console.log(arr);
        //shift() - 배열의 맨 앞 요소 제거
        arr.shift();
        console.log(arr);
        //splice() - 배열의 중간에 제거, 추가
        arr.splice(1, 1); //1번째 인덱스에서 1개 삭제
        console.log(arr);
        arr.splice(1, 2) //1번째 인텍스에서 2개 삭제
        console.log(arr);  
        arr.splice(1, 0, 'park', 'kim', 'lee', 'choi'); //1번째 인덱스에서 0개를 삭제, 그 이후에 문자를 추가
        console.log(arr);
        //indexof() - 배열안의 값 검색
        console.log(arr.indexOf('park'));
        //sort() - 차순 정렬
        arr.sort();
        console.log(arr);
        //reverse() - 거꾸로
        arr.reverse();
        console.log(arr);
    </script>

좋은 웹페이지 즐겨찾기