자바스크립트 응용배열
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개
항상 좋은 팁 감사 합니다.
공부는 죽을때 까지..
@들레아빠
제가 생각하는 코딩의 기본 세가지는
조건문과 반복문과 배열이에요.
그 어떤 대상이라도 일단 배열 안에만 담아놓으면 결과에 대한 통로가 보이기 시작하거든요.
고맙습니다. 비타주리님의 스킨, 플러그인 그리고 팁 모든 것에 감사드립니다.^^
@김철용
그냥 제 방식이에요. 이게 유행인지 아닌지도 관심없구요.
정말 많은 도움이 됩니다.
@오빠야
php 배열과 비슷해요
감사합니다 ^^
@민트다이어리
감사합니다
유용하고 쓸모있는 팁 감사합니다
@미키손
감사합니다
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
3개월 전 | 334 | |
| 5395 | PHP |
untitled
|
5개월 전 | 808 | |
| 5394 | MySQL |
선택과집중
|
5개월 전 | 582 | |
| 5393 | 웹서버 |
techstar
|
7개월 전 | 850 | |
| 5392 |
|
1년 전 | 1205 | ||
| 5391 | 9개월 전 | 1108 | |||
| 5390 | 9개월 전 | 893 | |||
| 5389 | 8개월 전 | 864 | |||
| 5388 | 8개월 전 | 964 | |||
| 5387 | 7개월 전 | 796 | |||
| 5386 | JavaScript |
nekoieye
|
7개월 전 | 959 | |
| 5385 | 웹서버 | 7개월 전 | 979 | ||
| 5384 | JavaScript |
|
8개월 전 | 801 | |
| 5383 | 기타 | 9개월 전 | 1116 | ||
| 5382 | 기타 |
|
9개월 전 | 566 | |
| 5381 | JavaScript | 9개월 전 | 895 | ||
| 5380 | 기타 |
|
9개월 전 | 678 | |
| 5379 | JavaScript | 10개월 전 | 680 | ||
| 5378 | 10개월 전 | 1188 | |||
| 5377 | 기타 |
|
10개월 전 | 751 | |
| 5376 | jQuery |
|
10개월 전 | 560 | |
| 5375 | jQuery |
techstar
|
10개월 전 | 717 | |
| 5374 | 기타 |
|
10개월 전 | 765 | |
| 5373 | MySQL |
|
11개월 전 | 799 | |
| 5372 | 기타 |
|
11개월 전 | 1001 | |
| 5371 | JavaScript |
|
11개월 전 | 713 | |
| 5370 | JavaScript |
|
11개월 전 | 718 | |
| 5369 | PHP |
|
11개월 전 | 1231 | |
| 5368 | PHP | 11개월 전 | 1397 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1271 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기