테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 응용배열

· 1년 전 · 1085 · 10

 

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개

1년 전

항상 좋은 팁 감사 합니다.

공부는 죽을때 까지..

1년 전

@들레아빠 

제가 생각하는 코딩의 기본 세가지는

조건문과 반복문과 배열이에요.

그 어떤 대상이라도 일단 배열 안에만 담아놓으면 결과에 대한 통로가 보이기 시작하거든요.

고맙습니다. 비타주리님의 스킨, 플러그인 그리고 팁 모든 것에 감사드립니다.^^

1년 전

@김철용 

그냥 제 방식이에요. 이게 유행인지 아닌지도 관심없구요.

항상 좋은 팁 감사합니다.
정말 많은 도움이 됩니다.
1년 전

@오빠야

php 배열과 비슷해요

1년 전

감사합니다 ^^

1년 전

@민트다이어리 

감사합니다 

유용하고 쓸모있는 팁 감사합니다

1년 전

@미키손 

감사합니다 

게시글 목록

번호 제목
17591
17590
17589
17588
17587
17584
17583
17582
17581
17579
17577
17575
17574
17573
17572
17569
17564
17560
17559
17555
17554
17553
17552
17549
17548
17547
17542
17533
17531
17524