Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- TIL
- Threppa
- teamproject
- wescanner
- miniproject
- Tanstack Query
- echarts
- useForm
- 문제
- toy project
- React
- 다음은 메인페이지
- useEffect
- JS
- 처음부터 배포까지
- html
- 다중map
- react-hook-form
- 구조화된 데이터
- project
- css
- wecode
- 일본 우편번호 api
- next.js
- ToyProject
- javascript
- mini
- 이중map
- 구조분해할당
- 팀프로젝트
Archives
- Today
- Total
블로그 이름을 입력해주세요
[JS / javascript] javascript array(어레이) 배열 본문
Array 문법을 아주아주 간단하게 어떻게 사용할 수 있는지 보죠
javascript에서 array는 여러가지를 담을 수 있는 상자라고 생각하면 됨
상자에서 내가 원하는 물건을 꺼내와서 쓸 수 가 있음
array(배열)을 사용하려면 변수안에 집어넣어야 함
script
<script>
let 어레이상자 = ['꼬북칩', '포카칩'];
</script>
어레이상자 라는 변수를 만들었고 그 안에 꼬북 칩, 포카칩을 넣었음
참고로 array를 만들때는 [ ] 괄호를 사용하면 됨
console.log(어레이상자);
콘솔. 로그(어레이 상자); 를 찍어보면

0은 꼬북칩
1은 포카칩
문자열로 잘 들어와 있는 걸 확인할 수 있음
여기까지는 다들 문법 강의에서 알려줌 그리고 다음 오브젝트 같은 걸로 넘어감
이걸 어떻게 사용하는지 알려주지 않음
아주아주 대충 이걸 어떻게 사용하냐면
<h4>과자는 역시</h4>
<h4 id="title">맛동산</h4>

이런 html이 있다고 함
이걸 위에 있는 배열 중 하나로 바꿀 수 있음
위에 0번이 꼬북칩, 1번이 포카칩이란 걸 말했음
<script>
let 어레이상자 = ['꼬북칩', '포카칩'];
$('#title').html(어레이상자[0]);
</script>
jQuery문법을 이용해 바꿈

이런 식으로 사용하면 됨
jQuery를 모른다면 블로그 해놨음
'javaScript' 카테고리의 다른 글
[JS / javascript] javascript CRUD란 무엇인가? (0) | 2022.03.12 |
---|---|
[JS / javascript] javascript로 animate 애니메이션 주는법 ! (0) | 2022.02.25 |
[JS / javascript] togle menu 토글 메뉴의 종류 / navbar의 활용 (0) | 2022.02.15 |
[JS/javascript] addEventListener 애드이벤트리스너 ! (0) | 2022.02.14 |
[JS / javascript] function함수 parameter(파라미터) 인자 (0) | 2022.02.09 |