[JAVASCRIPT] Set Test(셋 테스트)

1) NewSetTest

 

const NewSetTest = () => {
 
    let setData = new Set()
    console.log(setData)
    // 출력 : Set(0) { }
    //        아무런 데이터 값이 없기 때문에 안뜬다.
 
    let setData2 = new Set()
    setData2.add(1)
    setData2.add("betazon")
    console.log(setData2)
    // 출력 : Set(2) {1, "betazon"}
 
 
    return (
        <div className="NewSetTest">
            <p>NewSetTest</p>
        </div>
    )
}
 
export default NewSetTest

 

 

 

2) NewSetInitTest

 

const NewSetInitTest = () => {
    let setData = new Set(["Banana", "Watermelon"])
 
    console.log("NewSetInitTest: " + setData)
    // 출력 : [object Set]
    console.log("NewSetInitTest: " + setData.size)
    // 출력 : 2
 
    return (
        <div className="NewSetInitTest">
            <p>NewSetInitTest</p>
        </div>
    )
}
 
export default NewSetInitTest

 

 

 

 

 

 

 

 

3) AddSetTest

 

const AddSetTest = () => {
    let setData = new Set()
 
    setData.add("Cherry")
    setData.add("strawberry")
    setData.add("apple")
 
    // 징 : addSet은 해당배열에 지정한 값이 존재하냐?
    // ture false로 반환한다.
 
    console.log(setData)
    // 출력 : {"Cherry", "strawberry", "apple"}
    console.log("addSetTest: " + setData.has("apple"))
    // 출력 : true
    console.log("addSetTest: " + setData.has("grape"))
    // 출력 : false
 
    return (
        <div className="AddSetTest">
            <p>
                AddSetTest
            </p>
        </div>
    )
}
export default AddSetTest

 

 

 

 

 

 

 

 

4) ForEachWithSet

 

const ForEachWithSet = () => {
    let setData = new Set()
 
    setData.add("Cherry")
    setData.add("strawberry")
    setData.add("apple")
 
    console.log(setData)
 
    // (val1, val2) or (va1, val3) or (val2, val3)
    // 동일하게 출력
    // 매개변수명은 달라도 영향은 없다.
    // 다만, forEach 동작하면 setData에 데이터값들을 2개ᄊᆔᆨ
    // 출력해준다.
 
    setData.forEach(function(val1, val2) {
        console.log(val1 + " : " + val2)
    })
    // 출력 : Cherry : Cherry
    //   strawberry : strawberry
    //        apple : apple
 
    setData.forEach(function(val1, val3) {
        console.log(val1 + " : " + val3)
    })
    // 동일 출력
 
    setData.forEach(function(val2, val3) {
        console.log(val2 + " : " + val3)
    })
    // 동일 출력
 
    // arrow function은 ES6에 새롭게 추가된 기능으로 문법 코드가 간결하고
    // 직관적이어서 이미 많은 개발자들이 이용하고 있으며, 높은 비율로 function을
    // 대체하고 있다.
 
    // setData.forEach(function(val2, val3) { 을
    //  setData.forEach((val1, val2) => 대체하는 것임.
    setData.forEach((val1, val2) =>
        console.log("arrow - " + val1 + " : " + val2)
    )
    // 출력은 "arrow - "  제외하고 동일
 
 
    return (
        <div className="ForEachWithSet">
            <p>ForEachWithSet</p>
        </div>
    )
}
 
export default ForEachWithSet

 

 

 

 

 

 

 

 

5) SetEntryIterationTest

 

const SetEntryIterationTest = () => {
    console.log("SetEntryIterationTest Start")
 
    let setData = new Set()
 
    setData.add("Cherry")
    setData.add("strawberry")
    setData.add("apple")
    setData.add("바보")
    setData.add("천!재!")
    setData.add("!@#$%^")
    setData.add(1)
    setData.add(999)
 
    console.log(setData)
    // 출력 : {"Cherry", "strawberry", .....}
    //        모든게 출력이 된다.
 
    var setIter = setData.entries()
 
    for (var entry of setIter) {
        console.log(entry)
        // 출력 : {"Cherry", "Cherry"}
        //              ...
        //        {999, 999}
    }
 
    console.log("SetEntryIterationTest Fin")
 
    return (
        <div className="SetEntryIterationTest">
            <p>SetEntryIterationTest</p>
        </div>
    )
}
 
export default SetEntryIterationTest

 

 

 

 

 

 

 

 

6) SetKeyIterationTest

 

const SetKeyIterationTest = () => {
    console.log("SetKeyIterationTest Start")
 
    let setData = new Set()
 
    setData.add("Cherry")
    setData.add("strawberry")
    setData.add("apple")
    setData.add("바보")
    setData.add("천!재!")
    setData.add("!@#$%^")
    setData.add(1)
    setData.add(999)
 
    console.log(setData)
    // 출력 : {"Cherry", "strawberry", .....}
    //        모든게 출력이 된다.
 
    var setIter = setData.keys()
 
    for (var key of setIter) {
        console.log(key)
        // 출력 : Cherry
        //         ...
        //         999
    }
 
    console.log("SetKeyIterationTest Fin")
 
    return (
        <div className="SetIterationTest">
            <p>SetKeyIterationTest</p>
        </div>
    )
}
 
export default SetKeyIterationTest
 

<

 

 

 

 

 

 

 

 

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