Javascript 배열

2차시 Javascript 배열.txt

0.00MB

Javascript 반복문.txt

0.00MB

jQuery 소개.txt

0.00MB

2차시 Javascript 배열.zip

3.19MB

배열 생성 예제
var student_name=["홍길동","성춘향", "이몽룡"];
다양한 데이터 형태의 값을 함께 저장 가능
var student=["Gildong", "21900001", "이몽룡"];

var students=['이xx','박xx','최xx','김xx'];
students[0]
students[1]

var students=['이xx','박xx','최xx','김xx'];
students[0]='홍길동'
console.log(students)
students.length


*배열의 맨 마지막에 항목 추가(push)
- 새로 등록한 수강생 추가하기
- {배열이름}.push({값})

var students=['홍길동','박xx','최xx','김xx'];
students.push('김아무개')

*i번째 수강생 삭제
{배열이름}.splice(i,1)
{배열이름}.splice(순서,개수)

var students=['홍길동','박xx','최xx','김xx','김아무개'];
students.splice(2, 1)

*이름이 "이xx"인 학생의 인덱스(번호) 찾기
{배열이름}.indexOf({값})

var students=['홍길동','최xx','박xx','김xx','이xx', '김아무개'];
var index = students.indexOf('이xx')
console.log(index)

----------------------------------------------------------------------------------------------------------

네비게이션 만들기
- 이동한 기록 저장하기
- {배열이름}.push({값}) 이용

var navigation = []
navigation.push('직진 200M')
navigation.push('우회전')
navigation.push('직진 50M')

- 이동한 기록 거꾸로 재생하기
- 배열 마지막 요소를 꺼내려면 {배열이름}.pop() 이용

navigation.pop()
navigation.pop()
navigation.pop()

----------------------------------------------------------------------------------------------------------

복불복 게임 만들기
- 목록 중 임의의 요소 선택하기
- Math.random() 을 이용하면 0에서 0.99... 의 값을 얻을 수 있음
- Math.random()*10은 0에서 9.99...
- Math.floor({값})을 이용해 값의 소수 부분을 제거


var students=['홍길동','최xx','박xx','김xx','이xx', '김아무개'];

students[Math.floor(Math.random()*students.length)]

----------------------------------------------------------------------------------------------------------

HTML 문서에 자바스크립트 코드 포함
- HTML의 <script> 태그 사용
- <script>...</script> 안에 자바스크립트 코드 포함
- 포함된 코드는 문서가 열릴 때 실행됨

HTML 태그 선택
- 자바스크립트로 HTML요소를 조작하려면 조작할 요소를 선택해야 함
- 자바스크립트 변수에 HTML 요소 저장
- HTML태그의 id, class, 태그이름 등으로 요소를 찾을 수 있음

HTML 태그 선택
document.getElementById({id})
document.getElementsByTagName({태그명})
document.getElementsByClassName({class})