본문 바로가기
반응형

개발/Javascript41

JS: call, apply, bind binding javascript 함수는 자신만의 this 를 갖고 있다. 예를 들어보자 function hello(){ console.log(this); console.log(this.name); } 를 실행하면 다음과 같은 결과가 나온다. this 는 기본적으로 window 객체이다. 이때 우리가 hello 함수에서 window 객체가 아닌 다른 객체를 사용하고 싶을때 binding을 한다. 명시적으로 this를 window 가 아닌 다른 객체로 바꿔주는 함수가 call, apply, bind 이다. call과 apply 다음은 call과 apply를 이용하여 hello 함수에 obj객체의 정보를 이용하는 모습이다. const obj = {name : 'June'} function hello(plac.. 2021. 8. 22.
JS에서 문자열의 특정 문자들을 반환하는 메서드 substr() substr() 메서드는 문자열의 특정위치에서 시작하여 특정 문자수 만큼의 문자들을 반환한다. const str = 'Mozilla'' console.log(str.substr(1,2)); // 'oz' console.log(str.substr(2)); // 'zilla' console.log(str.substr(-5,3)' // 'zil' 아래에 매개변수에 대한 설명이 나와있다. 매개변수 str.substr(start, length) start 추출하고자 하는 문자의 시작위치이다. 음수라면 뒤에서 n번째이다. length 옵션값, 추출할 문자들의 갯수이다. 생략되면 start부터 끝까지 추출된다. length 가 생략되면 substr()는 빈문자열을 반환한다. 2021. 8. 15.
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.
반응형