📑 <외부 파일 사용 방법>
<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>