📝 JavaScript
🖥️ 1. 배열
- 하나의 배열 안에는 같은 종류 (데이터형)의 값들만 저장될 수 있다.
let myarray = new array (값1, 값2, ..);
let myarray = [값1, 값2, ...];EX) let my array = ['HTML', 'CSS', 'JS']
2-1. 데이터의 접근
배열이름[일련번호]형식으로 접근할 수 있다.
<body>
<script>
let myarray = new Array("HTML", "CSS", "JavaScript");
// 값 읽기
document.write("<h1>" + myarray[0] + "</h1>");
document.write("<h1>" + myarray[1] + "</h1>");
document.write("<h1>" + myarray[2] + "</h1>");
// 값 재할당
myarray[0] = "user1";
myarray[1] = "user2";
myarray[2] = "user3";
document.write("<h1>" + myarray[0] + "</h1>");
document.write("<h1>" + myarray[1] + "</h1>");
document.write("<h1>" + myarray[2] + "</h1>");
// for, 배열이름.length
for( i = 0; i < myarray.length; i++ ){
document.write("<h2>" + myarray[i] + "</h2>");
}
</script>
</body>2-2. 빈 배열
- 아무런 값이 저장되어 있지 않은 형태로 만든 후 하나씩 값을 채워나가는 것도 가능하다.
let myarray = new Array(); let myarray = [];
- 0번째 칸부터 차례대로 값을 대입해 주어야만 사용할 수 있다.
myarray[0]="HTML"; myarray[1]="CSS";
<body>
<script>
// 빈 배열 생성
let array1 = [];
// 반복문 사용해서 배열의 10칸에, 각각 0 ~ 9까지 할당
for( var i = 0; i < 10; i++ ){
array1[i] = i;
}
// 배열 길이 출력
document.write("배열의 길이 : " + array1.length);
// 반복문 사용해서 각각의 값을 출력
for( i = 0; i < array1.length; i++ ){
document.write("<p> array[" + i + "] = " + array1[i] + "</p>");
}
</script>
</body>🖥️ 2. 2차배열
2-1. 2차 배열 생성
방법1
let myarray = new Array( new Array(값1, 값2, ...), new Array(값1, 값2, ...), .. );방법2
let myarray = [ [값1, 값2, ..], [값1, 값2, ..], ... ];
2-2. 2차 배열 모양
let myarray = [ ["웹표준", "HTML5/CSS3", "반응형 웹"], ["Javascript", "jQuery", "Ajax"], ];
2-3. 크기 조회하기
- 행의 크기를 조회 :
배열객체이름.length;
- 열의 크기를 조회 :
배열객체이름[n].length;
<body>
<script>
let myarray = [
["웹표준", "HTML5/CSS3", "반응형 웹"],
["Javascript", "jQuery", "Ajax"],
];
for( i = 0; i < myarray.length; i++ ){
for( j = 0; j < myarray[i].length; j++ ){
document.write("<p> myarray[" + i + "][" + j + "] = "
+ myarray[i][j] + "</p>");
}
}
</script>
</body>2-4. Array와 String의 관계
- String클래스의 split() 함수는 파라미터로 전달된 문자열을 구분자로 삼아 문자열을 잘라내고, 그 결과를 배열로 변환하여 리턴한다.
<body>
<script>
let str = "HTML, CSS, JavaScript, jQuery";
let data = str.split(",");
for( let i = 0; i<data.length; i++ ){
document.write("<h1>" + data[i] + "</h1>");
}
</script>
</body>