[TIL] #05 JavaScript 스크립트 영역 선언, 연산자, 배열
22810 단어 TILJavaScriptJavaScript
🎈 스크립트 영역 선언문
📑 <외부 파일 사용 방법>
<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>
Author And Source
이 문제에 관하여([TIL] #05 JavaScript 스크립트 영역 선언, 연산자, 배열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@damho0514/TIL-05-JavaScript스크립트-영역-선언-변수-연산자
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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>
<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>
Author And Source
이 문제에 관하여([TIL] #05 JavaScript 스크립트 영역 선언, 연산자, 배열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@damho0514/TIL-05-JavaScript스크립트-영역-선언-변수-연산자저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)