728x90
반응형
SMALL
내부 자바스크립트
- 작성 위치에 따라 실행순서와 브라우저 렌더링에 영향을 미친다. ( head , body)
- <head> 내 작성 : 단순한 로직처리(설정값 초기화)
- </body> 앞 작성 : 복잡한 로직처리(제어)
- 즉 , 모든 요소들은 body에 작성
외부 자바스크립트
1. js파일 생성 후 함수 작성
2. head에 외부 자바스크립트 파일 불러오기
3. body에서 버튼 클릭시 기능 호출
※ 렌더링 동안 병렬로 다운로드 명령(async src) ※
-> 시간 단축 효과
※ 모든 파일 병렬로 다운로드 명령(defer src) ※
객체(Object)
: 키(key) - 값(value) 를 쌍으로 데이터를 저장하는 구조
배열(Array)
: 여러가지 자료들을 한꺼번에 다룰 수 있는 자료구조
: 여러 자료형을 섞어서 하나의 배열에 저장
- 자바 : 정수형은 정수형끼리만 가능
- 자바스크립트 : 정수,문자열,객체,다른배열 다 섞어서 저장가능
배열의 특징
- 1. 인덱스와 인덱스에 대응하는 데이터들로 이루어진 자료구조
- 2. 모든 타입을 저장할 수 있는 구조
- 3. 인덱스 0부터 시작
배열선언 및 생성
배열선언
let nameArrr = [];
var nameArr = new Array(); -> 배열 객체를 생성해주는 방법
배열생성
nameArr = ['데이터1', '데이터2', '데이터3', '데이터4'];
var nameArr = new Array("데이터1", "데이터2", "데이터3" , "데이터4");
< 배열 생성하면 콘솔창에 배열 리스트 볼 수 있음 >
< 배열에 데이터 추가 방법 >
<배열의 길이 구하는법>
배열 접근
- 반드시 배열 생성 후에 접근할 수 있음
- 배열 변수명과 [] 사이에 원소의 인덱스를 적어 접근
- 인덱스 0부터 시작
배열의 크기
- 배열의 크기 동적
- 배열의 크기가 지정되어 있어도 데이터 추가하면 저장공간 자동할당
- 배열의 크기는 배열의 length 프로퍼티(property)에 저장
728x90
반응형
LIST
'스마트인재개발원 > 자바스크립트' 카테고리의 다른 글
| [JS] 자바스크립트 반복문(for문/switch문) / 랜덤숫자 맞추기 (0) | 2022.10.07 |
|---|---|
| [JS] 자바스크립트 조건문/ 조건문 활용한 예제/ 입력창 입력값에 따른 배경색 지정/ 점수 입력 후 평균과 학점 계산 (0) | 2022.10.07 |
| [JS]자바스크립트 연산자 종류/예제/형변환 종류/사용방법 (0) | 2022.10.07 |
| [JS] 입력창에 입력된 값 콘솔창에 띄우기 / 자바스크립트 자료형 종류 및 특징/ undefined,null,NaN 차이점 (0) | 2022.10.06 |
| [JS]자바 스크립트,자바 변수 사용 차이점/ 변수 네이밍 법칙/var,let,const 차이/정의 (0) | 2022.10.06 |
