[자바스크립트]변수,타입,함수,조건문,문자열

• 변수
• 타입
• 함수
• 조건문

*// 변수*

*// 변수는 메모리에 저장된다*

let sum; *// 변수 선언*

sum = 3; *// 변수 sum에 3 할당*

*// '='는 '같다'가 아니라 '할당'이다*

sum = 2;

sum = sum + 1; *//sum=3*

sum = sum + 3; *//sum=6*

*// 변수에는 여러가지 타입이 있다.*

*// 숫자, 문자열, Boolean, Null, undefined : 원시자료형(Primitive type)*

*// 배열, 객체, 함수 등 원시자료형이 아닌 모든 것 : 참조자료형(Reference type)*

*// 원시자료형과 참조자료형*

*// 원시자료형이 할당될 때는 '값'이 담긴다.*

*// 참조자료형이 할당될 때는 '주소'가 담긴다. -> 동적으로 크기가 변한다.*

*// 타입 변환 함수*

*// String() : 문자열로 바꿔준다.*

a = String(123); *//123 -> "123"*

typeof a; *// "string"*

*// Number(): 숫자로 바꿔준다*

b = Number("123"); *// "123" -> 123*

typeof b; *// "number"*

*// 함수*

*// 함수를 선언하는 방법에는 함수선언식, 함수표현식, 화살표함수 3가지 방법이 있다*

function Area1(l, h) {

let ans = l * h;

*return* ans;

} *//함수 선언식*

console.log(`함수선언식 : Area1 : ${Area1(2, 3)}`);

const Area2 = function (l, h) {

let ans = l * h;

*return* ans;

}; *//함수 표현식*

console.log(`함수 표현식 : Area2 : ${Area2(2, 35)}`);

const Area3 = (l, h) => {

let ans = l * h;

*return* ans;

}; *//화살표 함수*

console.log(`화살표 함수 : Area3 : ${Area3(3, 3)}`);

const Area3_2 = (l, h) => l * h; *//화살표 함수 : 화살표 뒤의 내용이 return이어서 return을 생략할때는 중괄호도 생략한다.*

console.log(`화살표 함수2 : Area3_2 : ${Area3_2(5, 3)}`);

*// 매개변수(parameter), 전달인자(argument)*

*//매개변수(parameter)*

*//함수의 선언부분에 나열되어 있는 변수,*

*// 여기서는 Area1 함수 선언시에 사용되는 l,h를 매개변수(parameter)라고 한다.*

function Area1(l, h) {

let ans = l * h;

*return* ans;

} *//함수 선언식*

*//전달인자(arguement)*

*//함수를 호출할 때 전달 되는 값, 여기서는 Area1함수에 넣어주는 2,3을 전달인자(argument)라고 한다.*

area = Area1(2, 3);

*// 조건문*

*//비교(===    !==)*

1 === "1"; *//false*

1 == "1"; *//true*

*//'==='는 type을 구분하고 ==는 type을 구분하지 않는다.*

*//그냥 조건문에서는 ===   !== 를 쓰면 된다.*

*// \\==    != 는 쓰지 말자.*

*//Not*

!undefined; *// true: undefined는 false임*

!"Hello"; *// false: 문자열은 true임*

*//기억해야할 6가지 false값 : 조건문을 실행되지 않게 하는 값*

*// if(false)*

*// if(null)*

*// if(undefined)*

*// if(0) // if(1)은 조건문을 항상 실행되게 한다.*

*// if(NaN)*

*// if(' ')*

*// 조건문에서 '?' 를 이용한 조건처리*

*//let result = condition ? value1 : value2*

*//조건 condition이 true이면 value1, false이면 value2 이다.*

let age = prompt("나이를 입력해주세요 .");

let message = age < 20 ? "안녕" : "안녕하세요";

*//age가 20보다 작으면 message = '안녕' , age가 20이상이면 message = '안녕하세요' 이다.*

alert(message);

• 문자열

// 문자열

let str = "Be developer";

str[0]; // 'B' 문자열은 0,1,2,...(index)번째 형식으로 센다.(배열도 동일)
str.length; // 12 문자열의 길이를 number로 출력한다.
str.indexOf("de"); // 3 찾고자 하는 문자열의 처음으로 일치하는 index를 출력, 찾지 못한 경우 -1 출력
str.lastIndexOf("e"); // 10 indexOf와 동일하나 문자열 뒤에서부터 가장 먼저 일치하는 경우 해당 문자열이 시작하는 index 출력
str.includes("vel"); // true 해당 문자열이 포함되는지 Boolean 형태로 출력
str.split(" "); // ['Be', 'developer'] 해당 문자열이 분리 기준이 되어 분리된 배열 출력
str.substring(2, 4); // ' d' 시작 index에 해당하는 문자열부터 끝 index전까지의 문자열 출력
str.toLowerCase(); // 'be developer' 소문자로 변환된 문자열 출력
str.toUpperCase(); // 'BE DEVELOPER' 대문자로 변환된 문자열 출력

str = str.split(" "); // 문자열의 method는 immutable 하므로 재할당을 해줘야 값이 변경된다.

// 세 개의 단어중 가장 짧은 단어의 길이를 리턴하는 함수.

// Math.min() 과 str.length() 이용
// Math.min(a,b,c,d,..) 는 javascript에서 최솟값을 구하는 함수이다.
// parameter인 a,b,c,d,..들 숫자형이거나, 숫자형으로 변형이 가능한 문자열('3', '98') 이어야 한다.

function findShortestWord(word1, word2, word3) {
  let smallestWord = Math.min(word1.length, word2.length, word3.length);
  //Math.min(num1,num2,num3,..,) : num1, num2, num3 중에 가장 작은 수 반환.
  // parameter들은 숫자형이어야 한다.

  return smallestWord;
}
console.log(`${findShortestWord("he", "she", "family")}`);

// str.slice() 를 이용하여 문자열에서 원하는 문자를 추출할 수 있다.
function takeWord(num1, num2, str) {
  return str.slice(num1, num2);
}
console.log(`${takeWord(2, 5, "Happy Birthday!")}`);

// str.split(" ")을 이용하여 문자열을 배열로 바꿀 수 있다.
a = "hello world I am human";
//(5) ["hello","world", "I", "am", "human"]
console.log(`${a.split(" ")}`);
console.log(`${a.split(" ")[1]}`);