250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
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 more
Archives
Today
Total
관리 메뉴

탁월함은 어떻게 나오는가?

[JAVASCRIPT] MAP TEST(맵 테스트) 본문

[Snow-ball]프로그래밍(컴퓨터)/자바스크립트(JavaScript)

[JAVASCRIPT] MAP TEST(맵 테스트)

Snow-ball 2021. 2. 3. 23:01
반응형

1) NewMapTest

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const NewMapTest = () => {
    let mapData = new Map()
 
    console.log(mapData)
    // 출력 : Set(0) { }
    //        아무런 데이터 값이 없기 때문에 안뜬다.
 
    return (
        <div className="NewMapTest">
            <p>NewMapTest</p>
        </div>
    )
}
 
export default NewMapTest
 cs

 

 

 

 

 

 

 

 

2) NewMapInitTest

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const NewMapInitTest = () => {
    let mapData = new Map(
        [
            ["apple", "red"], ["grape", "purple"]
        ]
    )
 
    console.log(mapData)
    // 출력 : {"apple" => "red", "grape" => "purple"}
    console.log("Size: " + mapData.size)
    // 출력 : 2
 
    return (
        <div className="NewMapInitTest">
            <p>NewMapInitTest</p>
        </div>
    )
}
 
export default NewMapInitTest
 cs

 

 

 

 

 

 

 

 

3) MapSetTest

 

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
32
33
34
35
const MapSetTest = () => {
    let mapData = new Map(
        [
            ["apple", "red"], ["grape", "purple"]
        ]
    )
 
    console.log(mapData)
    // 출력 : {"apple" => "red", "grape" => "purple"}
 
    mapData.set("test1", "blue")
    mapData.set("test2", "green")
    // set 으로 mapData => ("test1", "blue") ("test2", "green") 추가.
 
    console.log(mapData)
    // 출력 : {"apple" => "red", "grape" => "purple", "test1" => "blue", "test2" => "green"}
    console.log(mapData.get("test2"))
    // 출력 : green // test2 의 속성값을 출력
    console.log(mapData.get("grape"))
    // 출력 : purple // grape 의 속성값을 출력
    console.log(mapData.has("test1"))
    // 출력 : true // set과 map 객체에 주어진 요소가 존재하는지 여부를 판별해 반환
    console.log(mapData.has("apple"))
    // 출력 : true
    console.log(mapData.has("헤헿"))
    // 출력 : false
 
    return (
        <div className="MapSetTest">
            <p>MapSetTest</p>
        </div>
    )
}
 
export default MapSetTest
 cs

 

 

 

 

 

 

 

 

4) MapIterationTest

 

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
const MapIterationTest = () => {
    let mapData = new Map(
        [
            ["apple", "red"], ["grape", "purple"], ["바보", "천!재"], [1, 20]
            // 앞 = key 값  // 뒤 = value 값.
        ]
    )
 
    console.log(mapData)
    // 출력 : {"apple" => "red", "grape" => "purple", "바보" => "천!재", 1 => 20}
 
    var keyIter = mapData.keys()
 
    for (var key of keyIter) {
        console.log(key)
        // 출력 : apple
        //       grape
        //        바보
        //         1
    }
 
    var valueIter = mapData.values()
 
    for (var value of valueIter) {
        console.log(value)
        // 출력 : red
        //       purple
        //       천!재
        //       20
    }
 
    var entryIter = mapData.entries()
 
    for (var entry of entryIter) {
        console.log(entry)
        // 출력 : {"apple", "red"}
        //        {"grap", "purple"}
        //        {"바보", "천!재"}
        //        {1, 20}
    }
 
    mapData.forEach(
        (value, key) =>
            console.log(key + " : " + value)
        // 출력 : apple : red
        //       grap : purple
        //        바보 : 천!재
        //        1 : 20
    )
 
    return (
        <div className="MapIterationTest">
            <p>MapIterationTest</p>
        </div>
    )
}
 
export default MapIterationTest
 cs

 

 

 

 

 

 

 

 

5) MapDeleteTest

 

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
const MapDeleteTest = () => {
    let mapData = new Map(
        [
            ["apple", "red"], ["grape", "purple"]
        ]
    )
 
    console.log(mapData)
    // 출력 : {"apple" => "red", "grape" => "purple"}
 
    mapData.delete("apple")
 
    console.log(mapData)
    // 출력 : {"grape" => "purple"}
 
    mapData.clear()
    // clear 는 모든 값을 지운다.
 
    console.log(mapData)
    // 출력 : { }
 
    let mapData2 = new Map(
        [
            ["apple", "red"], ["grape", "purple"], ["코딩", "천재"]
        ]
    )
 
    console.log(mapData2)
    // 출력 : {"apple" => "red", "grape" => "purple", "코딩" => "천재"}
 
    mapData2.clear()
    console.log(mapData2)
    // 출력 : { }
 
    let mapData3 = new Map(
        [
            ["apple", "red"], [1, 999], ["코딩", "천재"]
        ]
    )
 
    console.log(mapData3)
    // 출력 : {"apple" => "red", 1 => 999, "코딩" => "천재"}
 
    mapData3.delete(1)
 
    console.log(mapData3)
    // 출력 : {"apple" => "red", "코딩" => "천재"}
 
    return (
        <div className="MapDeleteTest">
            <p>MapDeleteTest</p>
        </div>
    )
}
 
export default MapDeleteTest
 cs

 

 

 

 

 

 

 

 

 

베타존 : 네이버쇼핑 스마트스토어

나를 꾸미다 - 인테리어소품 베타존

smartstore.naver.com

 

반응형

'[Snow-ball]프로그래밍(컴퓨터) > 자바스크립트(JavaScript)' 카테고리의 다른 글

[Q2] 홈페이지 게시판 만들다가 list.html > list1.html로 수정했다가 연결이 끊기는 현상  (0) 2021.02.21
[JAVASCRIPT] Promis(프로마이스), 비동기, 동기, 콜백, Async/Await  (0) 2021.02.05
[JAVASCRIPT] Set Test(셋 테스트)  (0) 2021.02.03
[JAVASCRIPT] Sort(소트) 함수 다양한 Test  (0) 2021.02.02
[JAVASCRIPT] 기본값 매개변수 (default parameter)  (0) 2021.02.02
'[Snow-ball]프로그래밍(컴퓨터)/자바스크립트(JavaScript)' Related Articles more
Comments