728x90
반응형
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>JS : 연산자</title>
            <meta charset="UTF-8">
            <script>
                // 할당 연산자
                let a;
                a = 5; // 할당 연산자. a = b 꼴에서 b값을 a에 대입(할당)한다.

                // 더하기 연산자
               
                a = 5 + 5; // 할당 연사자의 우선순위는 최하위로 우측 피연산자의 연산이 모두 완료된 뒤 좌측 피연산자에 할당한다. 즉, a = b 꼴에서 b에 해당하는 연산을 모두 끝낸 뒤 a에 대입한다는 뜻.

                // 더하기 할당 연산자(복합대입연산)
                a += 5; // a = a + 5 와 동일한 결과를 가짐.


                // 뺴기 연산자
                a = 5 - 5;
                a -= 5; // a = a - 5;

                //나누기 연산자
                a = 5 / 5;
                a /= 5; // a = a / 5;

                //나머지 연산자
                a = 5 % 5;
                a %= 5; // a = a % 5;

                // 비교 연산자
                // 동등 (비교) 연산자
                //  a == b 꼴은 a와 b가 같은가에 대한 여부를 반환하며 형이 다르더라도 형변환을 통해 비교할 수 있을 경우 형변환 후 비교한다. 이는 부등(비교) 연사자에도 동일하게 적용된다.
                console.log(5==5); // true : 참
                console.log(5==5); // false : 거짓
                console.log(5=="5"); // true : 참
                console.log(5=="3"); // false : 거짓
                console.log(5=="3"); // true : 참. JS

                // 부등(비교) 연산자
                // a != b
                console.log('----');
                console.log(5 != 5); // false : 거짓
                console.log(5 != '5'); // flase : 거짓


                // 일치(비교) 연산자
                // a === b
                console.log('-----');
                console.log(5 === 5); // true : 참
                console.log(5 === '5'); // flase : 거짓

                // 불일치 (비교) 연산자
                //  a !== b
                console.log(5 !== '5'); // true : 참
                console.log(5 !== 5); // flase : 거짓


                // 초과 (비교) 연산자
                //  a > b 꼴에서 a가 b보다 큰가에 대한 여부를 반환한다. 이 때 초과/이상/미만/이하 연산자 모두각 피연산자의 타입이 동일해야 한다.
                console.log(5>3); // true
                //  이상(>=), 미만(<), 이하(<=) 생략


                // 증가 연산자
                // a++ 혹은 ++a 꼴로 이용.
                // a++는 외부 구문을 실행 한 뒤 증가시킨다
                // ++a 는 외부 구문을 실행하기 전 증가시킨다.
                let pp = 5;
                console.log(pp++);//5 출력
                console.log(++pp);//7 출력

                // 감소 연산자
                // a-- 혹은 --a 꼴로 이용.
                let mm = 5;
                console.log(pp--);//5 출력
                console.log(--pp);//3 출력

                // 거듭제곱 연산자
                // a ** b 꼴에서 a의 b승을 반환다.
                console.log('-----');
                console.log(2 ** 3);

                //and 연산
                // a && b 꼴에서 a조건과 b조건 모두 참일 때 참을, 아니라면 거짓을 반환한다.
                console.log(5 == 5 && 3 > 1); //true
                console.log(5 > 1 && 1 > 5); //false

                //or 연산
                // a || b 꼴에서 a조건과 b조건 중 하나 이상이 참일 때 참을, 아니라면 거짓을 반환한다.
                console.log(5 == 5 && 3 > 1); //true
                console.log(5 > 1 && 1 > 5); //false
                console.log(1 > 100 || 5 < 5); //false

                // 부정
                // !a 꼴에서 a조건의 결과를 부정(true 를 false로 , false를 true로)한다.
                console.log('-----');
                console.log(!true);
                console.log(!true);

            </script>
    </head>
    <body>

    </body>
</html>
728x90
반응형

'정보 > WEB' 카테고리의 다른 글

요소선택  (1) 2022.12.25
오브젝트(키-값)  (0) 2022.12.25
변수  (0) 2022.12.25
배열  (0) 2022.12.25
for(반복문)  (0) 2022.12.25
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>변수</title>
            <meta charset="UTF-8">
            <script>
                // 실행점 :
                // int main(void); public static void main(String[] args) {}
                // Javascript : 실행점을 위한 메서드가 없음
                // let 번수이름;
                // let 변수1 = '문자열';
                // let 변수2 = "문자열";
                // let 변수3 = `문자열`; //백틱(`)
                // let 변수4 = 5;
                // let 변수5 = true;
                console.log('Hello');

                let messagr = 'Hello World';
                console.log(messagr);

                messagr = 'Another value';
                console.log(messagr);

                // let massage; // 오류 발생. 동일한 이름의 변수 선언 불가.


                const pi = 3.141592;
                console.log(pi);

                // pi =123; // 오류 발생. 상수에 값을 제할당 할 수 없다.
                // const let = 5; //오류 발생. 약속된 키워드를 변수/상수 이름으로 사용할 수 없다.
            </script>
    </head>
    <body>

    </body>
</html>
728x90
반응형

'정보 > WEB' 카테고리의 다른 글

오브젝트(키-값)  (0) 2022.12.25
연산자  (0) 2022.12.25
배열  (0) 2022.12.25
for(반복문)  (0) 2022.12.25
transition(CSS속성 변환 시간제어)  (0) 2022.12.24
728x90
반응형
// 배열(Array) : 하나의 변수에 여러개의 값을 넣기 위해 사용
                let emptyArr = [];
                // int[] aa = new int[] {};
                let arr = [1, 2, 3, 4, 5];
                // arr.length; : 배열의 길이(개수)를 반환한다.
               
                // arr.at(1); //2반환. 주어진 인덱스에 해당하는 아이템을 반환한다.
                // arr[1] : 위와 동일
                // arr.indexOf(3); // 2 . 주어진 값과 같은 아이템의 인덱스를 반환한다. 일치하는 아이템이 없다면 -1을 반환한다.

                // arr.pop(); //5. 배열의 마지막 값을 반환하고 배열에서는 삭제한다.
                // arr.push(6); // 배열의 마지막 자리에 주어진 값을 추가한다.
                // arr.slice(a, b); // 배열의 a번 인덱스 부터 b번 인덱스 까지의 값들을 가지는 새로운 배열을 반환한다.
                // arr.splice(a, b, c,....); //배열의 a번 인덱스 자리에 b 개에 해당하는 아이템을 c... 값으로 치환한다. 이때 b가 0이면 치환하지 않고 추가한다. 가령 [1, 2, 5].splice(1, 0, 2, 3)은 [1, 2, 3, 4, 5] 추가로, c...를 전달하지 않는다면 a자리 부터 b개에 해당하는 아이템을 삭제한다.


                // arr.every(f); // 메서드가 호출되는 대상 배열의 아이템을 순차적으로 전달된 함수 f의 전달 인자로 활용하여 모든 아이템이 함수 f에 대해 참을 반환하는 가에 대한 여부를 반환
                                      // 익명함수(Anonymous Function) : 이름없는 함수
                                      // 판별함수
                console.log( arr.every(x => x > 0)); //true
                console.log( arr.every(x => x > 0)); //true

                console.log(arr.every((x) => {
                    return x > 0;
                }));

           
                // arr.filter(f); // arr 배열의 각 아이템을 매개변수로 받는 함수 f에 대해 참을 반환하는 아이템만 가지는 새로운 배열을 반환한다.
                console.log(arr.filter(x => x > 3)); //[4, 5]
                console.log(arr.filter(x => x < 0)); //[]
               
               
                // arr.forRach(f); // arr 배열의 각 아이템을 반복한다. 반환값 없음.
                arr.forEach(x => console.log(x)); // 1, 2, 3, 4, 5
                // for (let i =0; i < arr.length; i++)[
                // console.log(arr[i]);
                // }

                // arr.map(f); // 함수 f에 대해 arr 아이템을 전달하여 반환되는 새로운 값을 가지는 새로운 배열을 반환한다. 이 떄 arr과 새로 반환된 배열의 길이는 항상 같다

                console.log(arr.map(x => x * 2)); //[2, 4, 6, 8, 10]
                console.log(arr.map(x => x**2)); //[1, 4, 9, 16, 25]
728x90
반응형

'정보 > WEB' 카테고리의 다른 글

연산자  (0) 2022.12.25
변수  (0) 2022.12.25
for(반복문)  (0) 2022.12.25
transition(CSS속성 변환 시간제어)  (0) 2022.12.24
transform(요소의 형태나 위치를 변환)  (1) 2022.12.24
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>반복</title>
            <meta charset="UTF-8">
            <script>
                for (let i = 0; i < 10; i++) {
                   
                    console.log(i);
                }
            </script>
    </head>
    <body>

    </body>
</html>

 

728x90
반응형

'정보 > WEB' 카테고리의 다른 글

변수  (0) 2022.12.25
배열  (0) 2022.12.25
transition(CSS속성 변환 시간제어)  (0) 2022.12.24
transform(요소의 형태나 위치를 변환)  (1) 2022.12.24
padding(외부 여백)  (0) 2022.12.24
728x90
반응형

//정수형 변수
int i = 100;


//실수형 변수
float f=3.14f;

double d = 3.14;


//문자형 변수

char c = 'c';


//문자열 변수

String s = "hello";


//논리형 변수
boolean b = true;


System.out.println(i); // 값=100
System.out.println(f); // 값=3.14
System.out.println(d); // 값=3.14
System.out.println(c); // 값=c
System.out.println(s); // 값=hello
System.out.println(b); // 값=true

728x90
반응형

'정보 > Java' 카테고리의 다른 글

연산자  (0) 2023.01.08
equals (문자열 비교하기)  (0) 2023.01.08
데이터 타입과 형변환  (0) 2022.12.15
스캔(값 입력받기)  (0) 2022.12.15
프린트 및 문자형태  (0) 2022.12.14
728x90
반응형

int a = 65;
float f = a; // 묵시적형변환(자동형변환)
System.out.println(f); // 값=65.0


char c = (char)a; // 명시적형변환(강제형변환)
System.out.println(c); // 값=A

 

final double PI = 3.14; // 변수를 상수처럼 절대 변경하지 않겠다(final)(변수명은 모든 글자는 대문자로)

728x90
반응형

'정보 > Java' 카테고리의 다른 글

연산자  (0) 2023.01.08
equals (문자열 비교하기)  (0) 2023.01.08
변수  (0) 2022.12.15
스캔(값 입력받기)  (0) 2022.12.15
프린트 및 문자형태  (0) 2022.12.14
728x90
반응형

import java.util.Scanner;

// 스캔 기능을 활성화시키기



// Scanner를 sc라는 이름으로 사용하겠다

Scanner sc = new Scanner(System.in);


// sc.next(); 문자열로 입력받아라 -> 기능자체가 키보드로 입력한 입력값

System.out.println(sc.next());


// sc.nextInt(); 정수값으로 입력받아라

System.out.println(sc.nextInt());


// sc.nextFloat(); 실수형값으로 입력받아라

System.out.println(sc.nextFloat());


// sc.nextLine(); 띄어쓰기 포함해서 입력받음

System.out.println(sc.nextLine());

728x90
반응형

'정보 > Java' 카테고리의 다른 글

연산자  (0) 2023.01.08
equals (문자열 비교하기)  (0) 2023.01.08
변수  (0) 2022.12.15
데이터 타입과 형변환  (0) 2022.12.15
프린트 및 문자형태  (0) 2022.12.14
728x90
반응형

System.out.println("hello world");

System.out.println("hello world"); // 문자열
System.out.println('a'); // 문자형
System.out.println(100); // 정수
System.out.println(3.14); //실수

 

format : 형식지정자 -> %알파벳

System.out.printf("형식지정자", 출력값);

 

System.out.printf("%s","문자열값"); // 문자열: String
System.out.printf("%a",'a'); // 문자형: Character
System.out.printf("%d",100); // 정수: Decimal
System.out.printf("%f",3.14); // 실수: Float

728x90
반응형

'정보 > Java' 카테고리의 다른 글

연산자  (0) 2023.01.08
equals (문자열 비교하기)  (0) 2023.01.08
변수  (0) 2022.12.15
데이터 타입과 형변환  (0) 2022.12.15
스캔(값 입력받기)  (0) 2022.12.15

+ Recent posts

728x90
반응형
">