[javascript] .replace() 사용방법 [ic].replace()[/ic] 메소드는 특정 문자열을 다른 문자열로 대체 하고 싶을 때 사용한다. 크게 2가지 방식으로 사용된다. 1) 특정 문자열 지정 방법 let str = "Hello World!"; // Replace "World" with "JavaScript" let newStr = str.replace("World", "JavaScript"); console.log(newStr); // Output: "Hello JavaScript!" str.replace(A,B) A 변경하고 싶은 문자 B 변경될 문자 2) 정규표현식(regular expression) 사용 let str = "Hello World!"; // Replace the first occurrence of the letter.. 자바스크립트 2022. 12. 22. [자바스크립트 기초] filter vs find 둘은 어떤 차이가 있을까? 이번 포스팅에선 대표적인 배열(array) 메소드인 filter와 find 차이에 관해 알아 보도록 하겠습니다. 이 둘은 배열에서 값을 하나씩 뽑아낸 후 특정 조건에 해당하는 값을 다시 분류해 새로운 배열에 담는 컨셉인데요. 하지만 명확한 차이가 있는데요. 바로 코드로 확인해보겠습니다. const Fruits = [{ Fruit: 'Banana', Count: 10 }, { Fruit: 'Apple', Count: 12 }, { Fruit: 'Strawberry', Count: 5 }, { Fruit: 'Pineapple', Count: 2 }]; 위와 같이 과일과 갯수가 담긴 객체 리스트를 만듭니다. 그 후 filter , find 메소드를 각각 사용 해보겠습니다. filter method 사용 con.. 자바스크립트 2022. 1. 10. [자바스크립트 기초] " || && 는 어떤 기능을 할까 ?" (short Circuiting) 자바스크립트를 공부하다보면 종종 아래와 같은 녀석을 만나게 됩니다. 위에 조건문과, &&를 이용해 길게 늘어놓은 거랑 같다고 하는데 잘 이해가 가질않습니다. 이를 이해하기 위해선 short circuiting , 한국어로는 단축 평가라는 문법을 이해하셔야 합니다. && (AND 연산자) &&는 and 연산자를 의미합니다. general한 개념 설명보다는 먼저 코드를 통해 결과를 확인 해보겠습니다. 이 두개 코드의 출력 값은 무엇일까요? output : 왜 이런 결과가 나오는 것일까요...? 먼저 첫번째 코드부터 볼게요. 좌측부터 우측으로 하나씩 진행 됩니다. 먼저 0을 만납니다. 0은 falsy한 값이죠? 바로 0을 return 합니다. 왜falsy하다고 그냥 리턴을 해버릴까요? and 연산자는 단 하.. 자바스크립트 2021. 12. 27. [자바스크립트 기초] == vs === 차이 자바스크립트에서는 언뜻 같은 기능을 하는거 같아 보이는 비교 연산자가 있습니다. 바로 == , === 입니다. 둘은 어떤 차이가 있을까요? 생긴것만 보면 ===은 등호가 많으니까 완전히 같아야할것 같고 , == 조금 덜 같아도 될 것 같은 느낌이 듭니다. 실제로 === 는 Strict equality operator 라고 불리고 == Loose equality operator 라 불리는데요. 실제로 어떤 차이가 있는지 코드를 통해 알아보도록 하겠습니다. == vs === const age = 18; if (age === 18) console.log('You just became an adult (strict)') ; if (age == 18) console.log('You just became an ad.. 자바스크립트 2021. 8. 8. [자바스크립트 기초] Implicit Type Coercion 자바스크립트는 다른 언어와 다르게 자동적으로 타입을 변경해주는 기능이 있습니다. 이 기능은 잘 알고 있으면 편리하지만 잘 모르면 다양한 버그를 유발할 수 있으니 확실하게 알고 넘어 가도록 합시다. + 연산 console.log('I am ' + 23 + ' years old'); output : 다른 언어 같은 경우 타입이 다른 값들을 연결했을때 타입 에러가 발생하는데요. 자바스크립트에서는 23 이라는 Number 타입을 String 타입으로 변경해 에러를 발생시키지 않습니다. console.log('23'+'10' +3) output : 마찬가지로 숫자이지만 string형태인 값들과 + 연산을 할때도 위와 같은 원리가 적용이 됩니다. 이때 여러분이 아셔야할것은 지금까지 해왔던건 + 연산이라는 것입니다... 자바스크립트 2021. 8. 7. [자바스크립트 기초] if | else 조건문 오늘은 if , else 조건문을 사용하는 방법을 알아보겠습니다. if 기본 형태 const age = 19; const isOldEnough = age >= 18; // if 조건문에서는 () 즉 소괄호 안에 boolean 값이 True 일때 {} 중괄호 안에 값을 실행 하라는 뜻이다. if (isOldEnough) { console.log('Sarah can start driving license ') } output : if () 소괄호 안에 boolean 값 , 즉, True or False 인 값을 집어넣습니다. 이번 코드에서는 애초에 boolean 값을 isOldEnough 라는 변수에 넣어보았는데요! age >= 18 보다 큰지 작은지를 True or False로 값을 내뱉겠죠. 여기서 우리.. 자바스크립트 2021. 6. 5. [자바스크립트 기초] 문자열(string)| 변수 합치기 이번시간에는 각 변수에 담은 값들을 우리가 지정한 string(문자열에) 합치는 방법을 알아보겠습니다. " " 따옴표와 + 를 이용하여 합치기 const firstName = 'Jonas'; const job = 'teacher'; const birthYear = 1991; const year = 2037; const jonas = "I'm " + firstName + ', a ' + (year - birthYear) + ' year old ' + job + '!'; console.log(jonas); output : 해당코드처럼 우리가 만들고 싶은 문자열은 " " 따옴표를 통해 문자열화 해주고 값을 가지고있는 변수들을 + 와 함께 연결해주면 됩니다. 여기서 우리가 생각해볼 수있는것은 (year - bi.. 자바스크립트 2021. 6. 5. [자바스크립트 기초] 문자열(string) 여러줄 쓰기 | multi line 안녕하세요 이번시간에는 문자열을 여러줄을 쓰려면 어떻게 해야 하는지 알아 보겠습니다. 역슬래시(\) 이용 console.log('String with \ multiple \ lines'); output : 역슬래시를 이용하면 위 코드처럼 여러줄로 나뉘어서 쓸 수 있습니다. 즉 코드가 길어져서 가독성이 떨어질때 활용하면 좋겠죠? 그런데 output 은 줄을 나누어 썼음에도 불구하고 한 줄로 나온것을 볼 수있습니다. 그렇다면 역슬래시 사용할때마다 엔터도 같이 치고 싶다면 어떻게할까요? console.log('String with \n\ multiple \n\ lines'); 위 코드와 같이 역슬래시 n (이스케이프 문자)를 이용하면 됩니다. 물론, 단순히 엔터를 치는것이 목적이라면 multi line 작성을.. 자바스크립트 2021. 6. 5. 이전 1 다음
