본문 바로가기

javascript29

[JavaScript] JSON(3) 확장 , 반복문 01. JSON의 확장 01-1. 존재하지 않는 값에 대한 출력 - undefined 객체 안에 들어있지 않은 값을 입력하면, undefined 이 출력 된다. const list = { name : '홍길동', age : 19 } // 존재 하지 않는 값을 호출 console.log(list.number); // undefined 출력 01-1(2). 존재하지 않는 값을 활용한 연산 - NaN 존재하지 않는 값(undefined) 에 + 1 을 할 경우 숫자가 아닌 결과 값이 되므로 NaN 이 출력 되는 걸 볼 수 있다. const list = { name : '홍길동', age : 19 } const nextNum = list.number+1; console.log(nextNum); 01-2 존재하지.. 2022. 11. 27.
[JavaScript] JSON(2) - 복합자료구조 01. 데이터 타입을 포함하는 자료구조 JSON 데이터 내부에서 배열이 존재할때 그 배열에 접근 하는 방법이다. JSON의 key[index] 배열의 인덱스번호로 접근하여 해당 부분의 값을 가지고 올 수 있다. const company = { name : "(주)굿모닝컴페니", since : 2013, department : ["기획팀","디자인팀","개발팀"] }; console.log(company.name); //점으로 연결 (기본 접근방식) -선호 console.log(company['since']); // 배열처럼 연결 (기본 접근방식) console.log(company.department[0]); // 배열[인덱스번호] 접근 console.log(company.department[1]); c.. 2022. 11. 27.
[JavaScript] 배열(array)에 쓰이는 함수(1) 01. pop() 배열의 마지막 값을 뺀다. let fruit = ['banana' , 'apple' ,'grape','mango'] fruit.pop() console.log(fruit); // banana , apple ,grape 출력 02. push() 배열의 끝 부분에 추가한다. let fruit = ['banana' , 'apple' ,'grape'] fruit.push('mango') console.log(fruit); // banana , apple , grape , mango 출력 03. includes() 배열 안에 아이템이 있는지 없는지 확인한다. (true/false)반환 let fruit = ['banana' , 'apple' ,'grape'] console.log(fruit.in.. 2022. 11. 27.
[JavaScript] 배열(array) 총합 , 평균 구하기 01. 배열 총합 구하기 총 합을 구할 때는 항상 누적 합산을 수행 할 변수를 0으로 초기화 해놓고 반복문을 수행해야 한다. const data = [10,20,30,40,50]; let sum = 0; //배열에 모든 원소에 대한 반복문 구성 for(let i = 0 ; i < data.length; i++) { // i번째 원소를 sum에 누적 합산 sum += data[i] } console.log("data의 총합 : %d" , sum); // data의 총합 : 150 1-1. 배열.length 배열 안에 있는 원소들의 숫자를 반환 한다. const data = [10,20,30,40,50]; console.log( data.length;) // 5 02. 총합의 평균 구하기 평균은 총 합을 구.. 2022. 11. 27.
[JavaScript] 배열(array) 배열(array) 배열은 인덱스를 가지는 자료들을 저장할 수 있는 자료구조다. 데이터는 순차적으로 저장되며 중복이 가능하고, 저장된 데이터에는 Index를 이용하여 접근이 가능하다. 자바스크립트에서의 배열에서는 데이터 타입이 서로 다를 수 있고, 배열의 크기는 동적으로 변경할 수 있다. 01. 배열 만들기 1-1. 빈 배열에 배열 할당하기 // 배열을 저장 할 빈 변수 선언 let Arr; // 배열 할당 Arr = [1,3.14,true,false,'hello']; console.log(Arr) 1-2. 선언과 할당 같이 하기 // 선언과 할당을 같이 쓰기 let Arr2 = [1,3.14,true,false,'hello']; console.log(Arr2) 1-3. 빈 배열 만들기 // 3개의 빈 칸.. 2022. 11. 27.
[JavaScript] 제어문_반복문(for) 1. for for 문은 while문과 다르게 조건식 속에 변수 초기화, 조건식, 증감식이 다 들어간다. 조건식이 true 일 경우 반복문을 실행하고 false 가 될 경우 반복문을 종료하고 빠져 나온다. // x가 1부터 10보다 작거나 같은 경우 1씩 값을 증가 for(let x = 1 ; x 2022. 11. 27.
[JavaScript] 제어문_반복문(while) 1. while while 문은 조건식이 true 일 경우에 계속해서 반복한다. 조건식의반환이 false면 반복을 멈추고 while문을 종료한다. let x = 1; // 초기식 -> 반복에 사용 될 조건 값을 지정 while (x x의 값이 10보다 작거나 같을때 까지, 반복 const k = 'x = ' + x; console.log(k); x++; // 증감식 -> 조건에 사용 된 값을 1씩 증가 } 1-1. 구구단 출력하기 조건1. 구구단을 출력하는 반복문의 조건 x가 1 ~ 1식 증가하면서 9까지 반복을 한다. (x < 10) *조건2. 반복문이 수행되는 동안x값에 원하는 구구단의 값을 곱해 y를 만들어준다. * /* 구구단 5단 출력하기 */ let x = 1; while(x < 10) { /.. 2022. 11. 27.
[JavaScript] 제어문_조건문(switch) 1. switch switch문은 if문과 같은 조건문이다. if문보다 조금 더 쉽게 특정 변수를 다양한 상황에서 비교할 수 있다. switch문은 하나 이상의 case으로 구성이 된다. default도 있지만, 필수는 아니다. 변수 x의 값과 첫 번째 case 의 값과 비교 후 일치 하지 않으면, 두 번째 case 의 값과 비교하며, 쭉 내려가게 된다. case 에서 변수 x의 값과 일치하는 값을 찾으면 해당 case의 아래의 실행문이 실행된다 이때, break문을 만나거나 switch 문이 끝나면 코드의 실행은 멈춘다. 값이 일치하는 case가 없으면 default 아래의 코드가 실행된다. default가 없으면 실행없이 종료 된다. switch(x) { // 조건식이 true일 때 아래 실행문들 동.. 2022. 11. 27.
[JavaScript] 제어문_조건문(if) ○제어문 코드의 실행 흐름을 원하는 방향으로 바꿀 수 있도록 해주는 것이 제어문이다. 제어문의 종류에는 조건문과 반복문이 있는데, 조건문은 if, switch가 있고, 반복문에는 for, while, do-while이 있다. 1. if if문은 if의 뜻 처럼 만약에 라는 뜻을 담고 있다. 조건식을 지정하여, 해당 조건식의 값이 true 일때 실행문이 있는 {} 괄호 안으로 들어간다. 조건식이 일치하지 않아 false를 반환할 경우 {} 안으로 들어가지 않고, 넘어가게 된다. if(조건문) { // 조건식이 true일 때 아래 실행문들 동작, false면 미실행 실행문; } if문을 사용하는 방법은 위와 같다. const a = true; if(a) { // 조건식이 맞으면 true 반환 console... 2022. 11. 27.
728x90