TIL 2 | JavaScript - String, Function

Yonghyun·2021년 7월 27일
0

JavaScript & React

목록 보기
2/31
post-thumbnail

String 문자열

'apple', 'coffee', 'JavaScript', 'Hello', 'World' 모두 다 문자열이다.

문자열 합치기

할당받은 변수와 + 기호를 이용해서 문자열을 합칠 수 있다.
''""는 변수이름에는 사용하지 않고 문자열에만 사용한다.

let word1 = 'Hello'
let word2 = 'World'
console.log( word1 + word2 ) // HelloWorld로 출력된다.
console.log(22)		
// 숫자 22가 찍힌다.
console.log('2'+'2')	
// '2' 는 string으로 처리되어 22로 똑같이 찍히지만 type은 number가 아닌 string이 된다.  
console.log( 2 +'2')	
// string + number = string 이 되어 type이 string인 22가 찍힌다.

문자열 길이 구하기

.length 를 이용하여 문자열의 길이를 구하고 이때 문자열의 길이는 공백을 포함한다.

let sentence1 = 'long'
console.log(sentence1.length)	// 4
let sentence2 = 'Hello World'
console.log(sentence2.length)	// 11
console.log('The length of long is ' , sentence1.length)
console.log('The length of long is ' + sentence1.length)

두 코드 모두 The length of long is 4 가 출력되지만 ,로 연결된 첫번째 문장에서 4는 number 타입이고 +로 연결된 두번째 문장에서 4는 string 타입이 된다.

Function

함수 선언과 호출

// sayHello 라는 함수 정의
function sayHello() {
  console.log('Hello, 4_21ee!');
}
// 함수 호출
sayHello();

return

함수의 output을 반환한다.
return한 값을 변수에 할당 할 수 있다.

return 과 console.log의 차이점
returnconsole.log
함수의 output, 반환하는 결과물단순히 화면에 출력
변수에 할당 가능변수에 할당 불가능

input이 있는 함수

function sayHello(name) {
  return 'Hello, ' + name + '!';
}

sayHello라는 함수를 정의하고 name이라는 parameter를 줄때 Hello, name! 이라는 output을 return한다.

sayHello('Kim');

argument를 'Kim'으로 하여 sayHello 함수를 호출한다.

function addNumbers(num1,num2) {
  let result = num1 + num2;
  return result;
}

함수 addNumbers의 변수 num1, num2, result 처럼 함수 내부에서 선언한 변수들은 함수의 바깥에서는 사용할 수 없다.


TIL 2 day
코딩할때 해당하는 블록을 모두 선택하고 cmd + / 하면 한번에 / 처리가 된다.
그리고 필요한 정보를 얻기 위해 검색을 잘하는 것도 개발자의 중요한 능력!!!

profile
Life is all about timing.

0개의 댓글