zoaseo
To Infinity And Beyond
zoaseo
전체 방문자
오늘
어제
  • 분류 전체보기 (763)
    • 개발이 좋아서 (381)
      • SAP가 좋아서 (3)
      • Java가 좋아서 (42)
      • Spring이 좋아서 (50)
      • JPA가 좋아서 (0)
      • QueryDSL이 좋아서 (26)
      • Docker가 좋아서 (7)
      • Redis가 좋아서 (7)
      • AWS가 좋아서 (5)
      • CI/CD가 좋아서 (6)
      • Troubleshooting이 좋아서 (4)
      • Kotlin이 좋아서 (7)
      • SQL이 좋아서 (6)
      • HTTP가 좋아서 (21)
      • JavaScript가 좋아서 (30)
      • TypeScript가 좋아서 (6)
      • Vue가 좋아서 (21)
      • Flutter가 좋아서 (61)
      • React가 좋아서 (20)
      • Redux(React)가 좋아서 (2)
      • Angular가 좋아서 (22)
      • HTML이 좋아서 (9)
      • CSS가 좋아서 (15)
      • PHP가 좋아서 (9)
      • Illustrator가 좋아서 (2)
    • 노력이 좋아서 (169)
    • 결과물이 좋아서 (14)
    • 코딩연습이 좋아서 (168)
      • 이론이 좋아서 (62)
      • SQL이 좋아서 (90)
    • 유용한 사이트가 좋아서 (28)
    • Github (2)

인기 글

티스토리

hELLO · Designed By 정상우.
zoaseo
노력이 좋아서

<step58>'js_복습(1)'

노력이 좋아서

<step58>'js_복습(1)'

2022. 6. 13. 17:17
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //배열선언
        let arr = new Array();
        let arr2 = [];
        let arr3 = [1,2,3,4,5];
        console.log(arr3[0]);
        console.log(arr3[1]);
        let fruits = ['🍉','🍊','🥝','🍓'];
        fruits.push('🍐');
        fruits.unshift('🍇');
        console.log(fruits);
        fruits.shift();
        fruits.pop();
        fruits.forEach((item, index)=>{
            console.log(item, index);
        })
        for(let i=0; i<fruits.length; i++){
            console.log(fruits[i], i);
        }
        for(let value of fruits){
            console.log(value);
        }
        //배열 메서드
        //pop(), push(), shift(), unshift()
        //join(), indexOf(), includes(), splice(), slice()
        //substr(), map(), find(), filter(), reduce()
        let arrStr = fruits.join("");
        console.log(arrStr);
        console.log(typeof(arrStr));
        console.log(fruits.indexOf('🍒'));  //-1
        console.log(fruits.indexOf('🍉'));  //0
        console.log(fruits.includes('🍒'));  //false
        console.log(fruits.includes('🍉'));  //true
        let scores = [80,60,70,90,95];
        let sc2 = scores.map(score=>{
            return score+10;
        })
        console.log(sc2);
        let sc3 = scores.filter(score=>{
            return score>=70;
        })
        console.log(sc3);
        let sc4 = scores.find(score=>{
            return score>=70;
        })
        console.log(sc4);
        let sum = scores.reduce((pre,cur)=>{
            return pre+cur;
        },0)
        console.log(sum);
        let avg = sum/scores.length;
        console.log("점수 배열의 평균은 "+ avg +"입니다.");
        console.log(`점수 배열의 평균은 ${avg}입니다.`);
        //2차원 배열 
        let multyArr = [[1,10],[2,20],[3,30],[4,40]];
        console.log(multyArr[0][1]);
        console.log(multyArr[0][0]);
        multyArr.forEach(item=>{
            item.forEach(i=>{
                console.log(i);
            })
        })
        //set
        let set = new Set();  //중복 허용x
        set.add(1);
        set.add(2);
        set.add(3);
        set.add(4);
        set.add(5);
        set.add(2);
        console.log(set);
        let set2 = new Set();
        let green = { name: 'green'};
        let blue = { name: 'blue'};
        let pink = { name: 'pink'};
        set2.add(green);
        set2.add(blue);
        set2.add(pink);
        console.log(set2);
        set2.forEach((value,index)=>{
            console.log(`value는 ${value}이다.`);
            console.log(`index는 ${index}이다.`);
        })
        set.forEach((value,index)=>{
            console.log(`value는 ${value}이다.`);
            console.log(`index는 ${index}이다.`);
        })
        let numSet = new Set([1,2,3,4,5,5,6,7,7,6,3,2]);
        console.log(numSet);
        let newArr = [...numSet];
        console.log(newArr);
    </script>
</body>
</html>

'노력이 좋아서' 카테고리의 다른 글

<step59>'js_JSON'  (0) 2022.06.14
<step59>'js_복습(2)'  (0) 2022.06.14
<step58>'기프트 샵 만들기_최종 완료'  (0) 2022.06.13
<step57>'기프트 샵 만들기'  (0) 2022.06.10
<step56>'기프트 샵 만들기'  (1) 2022.06.09

    티스토리툴바

    개인정보

    • 티스토리 홈
    • 포럼
    • 로그인

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.