https://sir.kr/g5_tip/22654 에서 제가 사용한 배열관련 코드입니다.
참고로 저는 document.write 로 결과를 확인합니다.^^
1. 기본배열
[code]
<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir);
//리자,비타주리,그누보드
</script>
[/code]
----------
2. 기본배열을 원래의 대괄호대로 추출 : JSON.stringify
[code]
<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(JSON.stringify(sir));
//["리자","비타주리","그누보드"]
</script>
[/code]
----------
3. 배열의 총갯수 : length
[code]
<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir.length);
//3
</script>
[/code]
----------
4. 배열의 [n] 번째 추출
[code]
<script>
sir = ["리자", "비타주리", "그누보드"];
document.write(sir[1]);
//비타주리
</script>
[/code]
----------
5. 반복문(예제에서는 5부터 14)과 push 를 이용한 연속수 배열
[code]
<script>
for (sir = [], i = 5; i <= 14; i++) sir.push(i);
document.write(sir);
//5,6,7,8,9,10,11,12,13,14
</script>
[/code]
----------
6. 배열합치기 : concat
[code]
<script>
sir_1 = ["리자", "비타주리", "그누보드"];
sir_2 = [1, 2, 3, 4, 5];
sir = sir_1.concat(sir_2);
document.write(sir);
//리자,비타주리,그누보드,1,2,3,4,5
</script>
[/code]
----------
7. 배열중복제거 : ...new Set
[code]
<script>
sir = [1, 2, 3, 2, 1, 7, 8, 2, 4];
sir = [...new Set(sir)];
document.write(sir);
//1,2,3,7,8,4
</script>
[/code]
----------
8. 두 배열의 차집합 : filter 와 includes
[code]
<script>
sir_1 = [1, 2, 3, 4, 5, 6, 7];
sir_2 = [3, 4, 6];
sir = sir_1.filter(x => !sir_2.includes(x));
document.write(sir);
//1,2,5,7
</script>
[/code]
!sir2 를 sir2 로 바꾸면 교집합
----------
9. 앞부분 n자리(예제에서는 6)만 절취하여 오름차순 정렬 : slice 와 sort
[code]
<script>
sir = [7, 11, 4, 3, 20, 37, 45, 6];
sir = sir.slice(0, 6).sort(function(...s) { return s[0] - s[1]; });
document.write(sir);
//3,4,7,11,20,37
</script>
[/code]
s[0] 과 s[1] 의 순서를 바꾸면 내림차순
----------
10. 중복없는 로또번호 추출 - https://sir.kr/g5_tip/20226
----------
11. for length / for in / for of - https://sir.kr/pg_tip/16985
댓글 10개
게시글 목록
| 번호 | 제목 |
|---|---|
| 17819 |
JavaScript
당신이 알아야 할 자바스크립트의 강력한 7가지 팁
3
|
| 17818 |
JavaScript
자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁
1
|
| 17817 |
PHP
chatgtp
|
| 17816 |
JavaScript
textarea 자동 높이 설정하기.
1
|
| 17814 | |
| 17811 |
JavaScript
자바스크립트 플래이그라운드 - RUNJS
|
| 17810 | |
| 17809 | |
| 17808 |
JavaScript
16진수 색상코드 확인함수
|
| 17803 | |
| 17799 | |
| 17798 | |
| 17797 |
JavaScript
동영상파일 썸네일 만들기
8
|
| 17795 |
JavaScript
div태그의 사이즈가 변경되는 이벤트를 처리하기
|
| 17794 |
JavaScript
초->hh:mm:ss로 변환하는 함수
1
|
| 17793 |
JavaScript
JSON Beautify
|
| 17790 |
PHP
JSONP실례
|
| 17789 | |
| 17786 |
JavaScript
ThreeJS로 3디지구에 포인트 찍고 정보 현시기능
|
| 17774 | |
| 17760 | |
| 17755 | |
| 17750 | |
| 17729 | |
| 17722 | |
| 17714 | |
| 17708 | |
| 17686 | |
| 17676 |
JavaScript
유튜브 풀화면 묵음배경 예제
9
|
| 17666 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기