1 quality - javascript

source: categories/study/youtube-developers_quality/quality1.md

javascript 1 - String

Escape

// Escape
var x = "We are the so-called \"Vikings\" from the north.";
var y = 'It\'s alright.';
var z = "The character \\ is called backslash.";

indexOf, lastIndexOf

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate"); // 7
var lastPos = str.lastIndexOf("locate"); // 21 

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate", 15); // 21
// 두번째 인자는 찾기시작하는 시작점이다. 
// 15번째부터 찾으라는 뜻이다.

search

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate"); // 7

indexOf(), search() 메소드는 같은건가?

• search는 두번째 인자(검색 시작하는 위치)를 받지 않는다. 무조건 처음부터 찾는다.
• indexOf는 정규식 같은 강력한 값으로 검색할 수 없다. search는 정규식을 쓸 수 있다.

slice, substring, substr

var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13); // Banana

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12, -6); // Banana

var str = "Apple, Banana, Kiwi";
var res = str.slice(7); // Banana, Kiwi

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12); // Banana, Kiwi

var str = "Apple, Banana, Kiwi";
var res0 = str.slice(7, 13); // Banana
var res1 = str.slice(7); // Banana, Kiwi
var res2 = str.substring(7, 13); // Banana
var res3 = str.substring(7); // Banana, Kiwi
var res4 = str.substr(7, 6); // Banana
var res5 = str.substr(7); // Banana, Kiwi
var res6 = str.substr(-4); // Kiwi

replace

var str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools"); // Please visit W3Schools!

replace - only the first

var str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3Schools"); // Please visit W3Schools and Microsoft!

replace - /g

var str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3Schools"); // Please visit W3Schools and W3Schools!

replace - sensitive

var str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3Schools"); // Please visit Microsoft!

replace - /i

var str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3Schools"); // Please visit W3Schools!

replace - /gi

var str = "Please visit Microsoft and Microsoft and MICrosoft!";
var n = str.replace(/MICROSOFT/gi, "W3Schools"); // Please visit W3Schools and W3Schools and W3Schools!

toUpperCase, toLowerCase

var text1 = "Hello World!";
var text2 = text1.toUpperCase(); // HELLO WORLD!
var text3 = text1.toLowerCase(); // hello world!

concat

var text1 = "Hello";
var text2 = "World";
var text3 = text1.concat(" ", text2); // Hello World

trim

var str = "         Hello World!          ";
var res = str.trim(); // Hello World!

charAt

var str = "HELLO WORLD";
str.charAt(0); // H
str.charAt(1); // E

charCodeAt

var str = "HELLO WORLD";
str.charCodeAt(0); // 72 // <- 반환된 문자열을 UTF-16 코드로 변환해서 반환

string property Access

var str = "HELLO WORLD";
str[0]; // H

split

var txt = "a,b,c,d,e";
txt.split(","); // ['a', 'b', 'c', 'd', 'e']
txt.split(" "); // ['a,b,c,d,e']
txt.split("|"); // ['a,b,c,d,e']

var txt = "Hello";
txt.split(""); // ['H', 'e', 'l', 'l', 'o']