본문 바로가기
반응형

JavaScript17

JS에서 배열을 문자열로 바꾸는 메서드, Join() Join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다. const el = ['Fire','Air','Water']; console.log(el.join()); // "Frie,Air,Water" console.log(el.join('')); // "FireAirWater" console.log(el.join('-')); // "Fire-Air-Water" 4가지 다른 방법으로 배열 연결하기 다음 예제에서는 3개의 요소를 가진 배열 a를 만들고, 기본 구분자, 쉼표와 공백, 더하기 기호, 빈 문자열의 4가지 구분자를 사용해 배열을 연결한다. let a = ['바람','비','불']; let arr1 = a.join(); // arr1에 '바람,비,불' 할당 let arr2 .. 2021. 8. 15.
JS, 구조분해할당 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JS표현식이다. 배열 구조 분해 rest문법을 이용하여 배열의 나머지를 변수에 할당하기 rest문법은 파라미터 개수가 가변적일때 파라미터를 배열의 형태로 받아서 사용할 수 있다. let a,b, rest; [a,b] = [10,20]; console.log(a) // 10 console.log(b) // 20 [a,b, ...rest] = [10,20,30,40,50] console.log(rest) /// [30,40,50] 구조 분해 할당을 이용하면 쉽게 데이터 뭉치를 만들 수 있다. let x = [1,2,3,4,5] let [y,z] = x; console.log(y) // 1 cons.. 2021. 8. 14.
js : break, continue 반복문에서 필요한 경우 마지막 까지 실행하지 않고 바로 빠져나오거나 다음 단계를 위해 건너뛰어야 할 경우가 있다. 1. break 중간에 반복문을 중단하고 빠져나온다. 다음은 x가 1씩 증가하다가 5가 되었을때 반복문을 빠져나오는 코드이다. let x = 1 while(1)//무한르푸 { if(x===5)//x가 5일때 반복문 종료 { break } x++ console.log(x) } //실행결과 //2 //3 //4 //5 2. continue continue를 만나면 아래를 실행하지 않고 반복문의 다음단계를 실행한다. x가 5가 되면 밑의 console.log(x)를 실행하지 않고 바로 다음으로 넘어가는 코드이다. let x = 1; while(x 2021. 8. 7.
JS 객체 dot notation과 bracket notation 객체 dot notation과 bracket notation 객체의 표기법에는 두가지가 있다. dot notation bracket notation dot notation : key.value. (value는 문자열이다.) 읽기 쉽고 더 자주 사용하는 방식이다. 객체를 배우기 이전부터 js의 많은 기능을 dot.notation으로 사용해오고 있었다. 변수를 통해 객체에 접근 할 수 없어서 key 값을 직접 입력해 주어야 한다. let obj = { fruit : 'banana', animal : 'monkey' }; let food = obj.fruit //obj.fruit 는 obj의 fruit 키의 값인 'banana'를 dot notation으로 나타낸 것이다. console.log(food) //.. 2021. 8. 3.
반응형