TIL) JS 조건문, 문자열, 논리연산자 not, falsy 값, concat(), indexOf(), slice(), substring(),property & method 차이

 

논리연산자 NOT

논리 부정(!) 연산자는 언제나 불리언 값을 반환한다. 단, 피연산자가 반드시 불리언 값일 필요는 없다. 

만약 피연산자가 불리언 값이 아니면 불리언 타입으로 암묵적 타입 변환된다. 

!false // true

!(3>2) // false

!undefined // true (undefined를 false로 취급-falsy)

!"hello" // false ("hello"를 true로 취급-truthy)

!0; // true

 

 

---

기억해야 할 9가지 falsy 값

if 문에서 false로 변환되기 때문에, if 구문이 실행되지 않습니다. 

if (false)
if (null)
if (undefinded)
if (0)
if (-0)
if (NaN)
if ('')
if ("")
if (``)

 

 

---

선언과 호출

선언 // num1, num2 => 매개변수 = parameter = 인자

function handleplus (num1, num2) {
	num1 + num2;
}

 

호출 // 40,70 => argument = 값 (value)= 인수=전달인자  

handlePlus(40,70);

 

 

---

문자열 합치는 2가지 방법

1. "+" 연산자

const str1 = "Javascript";
const str2 = "Developer";

console.log(str1 + str2); // "Javascript Developer"

2. concat() 함수

const str1 = "Javascript";
const str2 = "Developer";

console.log(str1.concat(str2)); // "Javascript Developer"

 

 

---

앞에서 특정 문자 위치 찾기 (indexOf 함수)

str.indexOf(검색할 값, 시작위치) - 앞에서 검색할 값을 찾기 시작

 

const str = "Happy Day";

console.log(str.indexOf('Happy')); // 0
console.log(str.indexOf('happy')); // -1 (일치하는 결과값이 없을 경우에는 -1로 결과를 리턴)
console.log(str.indexOf('Day')); // 6
console.log("Happy Day Day".indexOf('Day')); // 6

console.log(str.indexOf('a')); // 1
console.log(str.indexOf('a',5)); // 7 뜻:"a"이라는 문자를 찾는데 5 이후부터 그 값을 찾아라.

 

 

 

뒤에서 특정 문자 위치 찾기 (lastIndexOf)

lastIndexOf(검색할 값 , 시작위치) - 끝에서부터 검색할 값을 찾기 시작

const str = "Happy Day";

console.log(str.lastIndexOf('a')); // 7
//뜻:결과값은 뒤에서부터 몇번째 위치라는 것을 말해주는 것이 
아니라 맨 앞에서부터 위치를 반환해 주기 때문에 7을 반환하게 됩니다.
즉, 값은 뒤에서부터 찾기 시작하지만 결과값은 동일하게 맨 앞에서부터 위치의 값을 반환하게 되는 것입니다.

console.log(str.lastIndexOf('a',5)); // 2
//뜻:"lastIndexOf라고 해서 찾을 값을 'a'을 찾는데 뒤에서부터 5번째 위치에서부터 
앞으로 찾기 시작하라는 것입니다.

 

 

---

string.substring(start, end) // end 앞까지만 출력

const str = '자바스크립트JS';

const result1 = str.substring(0, 2); // 결과 : "자바"
const result2 = str.substring(2, 5); // 결과 : "스크립"
const result3 = str.substring(2, 6); // 결과 : "스크립트"
const result4 = str.substring(2); // 결과 : "스크립트JS"


///음수 일때///

const str = '자바스크립트JS';

const result1 = str.substring(-4, 5); // str.substring(0, 5) // 결과 : "자바스크립"
const result2 = str.substring(2, -1); // str.substring(0, 2) // 결과 : "자바"

 

 

string.slice(start, end) // substring(start, end) 값과 같다. 

단, 음수로 나올시,

slice(start, end)는 string의 가장 뒤에서 음수만큼 내려온 index로 취급한다.

const str ='abcde';

console.log(str.slice(-3); // 'cde'

 

 

 

---

.spilt()

 

CSV(영어: comma-separated values)

엔터키로 구분하고 싶으면 csv.split("\n");

 

 

 

---

immutable 이란?

원본이 변하지 않는다. 
모든 string method는 immuatble이다!! 
array method는 immutable인지 mutable인지 잘 확인해야한다. 

 

 

 

---

property & method 차이

 

Object in JavaScript is just key-value pairs stored in a Hash. The difference between property and method is that -- property is a value stored in the hash key, whereas method is a function stored in hash key.

var person = {
  name: "John Doe",
  sayHello: function() {
        console.log("hello");
  }
}

In this code sample.

• name is the property of object person, it stored String "John Doe", you can access it via dot notation person.name.
• sayHello is the method of object, and it is a function. You can also access it using dot notation person.sayHello(). Notice that sayHello is just a function, and function invocation requires you to use () here.

 

object.something; - it is object with propery;
object.something(); is object method;

 

출처: https://teamtreehouse.com/community/difference-between-object-methods-and-object-properies