문자열(함수, 속성 및 템플릿 리터럴)에 대한 모든 것!!!

스트링에 대해 들어본 적이 있을 것입니다. 문자열은 ""또는 ''의 문자 배열입니다. 예: "This is string" 또는 'This is string' .
프로그래밍에서 배우는 매우 중요한 주제입니다. W는 문자 그대로 모든 곳에서와 같이 모든 곳에서 문자열을 사용합니다. 따라서 많은 프로그래밍 언어로 된 수많은 문자열 함수 빌드가 있습니다.

이제 질문은 문자열 함수가 무엇입니까??

문자열 함수는 모든 프로그래밍 언어에서 미리 정의된 함수일 뿐입니다. 오!!!! 사용자 정의 함수를 생성하는 경우 이러한 함수를 사용할 필요가 없습니다 ;).



다음은 기능에 따라 다양한 문자열 기능을 그룹화한 link입니다.

//String properties and Functions

//special trick for special characters




//let text = "This is an "important" line to remember"; this will give error
let text = "This is an \"important\" line to remember";
console.log(text);

let text1 = "This is \\ line to remember";
console.log(text1);

//Function for strings
const name = "Himanshu Pal  ";
const greeting = "Greetings";
const phrase = "A quick brown fox jumps over the lazy dog";
console.log(greeting + ' ' + name);
console.log(greeting.concat(' ', name));//also use this function to concatinate
console.log(name.toLowerCase()); //change all character to uppercase
console.log(name.toUpperCase()); //change all character to owercase
console.log(phrase.length); //return the total length of the string within '' or ""
console.log(name.indexOf('a')); // return the index number of the character
console.log(phrase.lastIndexOf('dog'));
console.log(phrase.charCodeAt(5)); //return unicode index value of that particular character
console.log(phrase.endsWith('g')); //check last letter or word of string 
console.log(String.fromCharCode(65)); //convert unicode digit to character
console.log(phrase.includes('fox'));
console.log(phrase.localeCompare(name)); //return -1 if first variable character appears before the second variable character--> ex: ab compare cd return -1
                                        //return 1 if first variable character appears after the second variable character--> ef compare cd return 1
                                       //return 0 if first variable character appears equally the second variable character ab compare ab return 0

console.log(phrase.match(/ox/g)); //match regular expression within a string
console.log(name.repeat(2)); //repeat the string given number of times
console.log(phrase.replace("fox", "Ox"));// replace given string with desired string
console.log(phrase.search('fox'));
console.log(phrase.slice(0,8));//extract a part of string within givin index value
console.log(phrase.split(" ")); //convert string into array of string
console.log(phrase.startsWith('A')); 
console.log(phrase.substring(2,7)); //select the substring from a sting  Output => quick
//The main diffrenct between substring and substr is 
//substring() pick value of the first given index and and end before n-1. means if we given index 2-7 it will treverse 2-6
//substr(0 pick value fron first given index value to last till n. Means grom 2-7)
console.log(phrase.substr(2,7)); //Output => quick b
console.log(phrase.toString());//return value of string Object
console.log(phrase.trim()); //remove whitespace from both ends of the string
console.log(phrase.valueOf()); //return primitve value of string object



console.log("Concept of \" = \" , \" == \" and \"===\" in String");
//Ways we can use string
let var1 = "100"; //litral value passed in primitive string
let var2 = 100; //another example of litreal passed to primitve string
let var3 = "100";

let varobj = new String("100"); // we defined an object type string with "new" keyword

//How they impact 
console.log(var1==var2); //RETURN TRUE regardless of datatype
console.log(var1==varobj); // RETURN TRUE even ignoring the object type
console.log(var1===varobj);//RETURN FALSE  strictly checking both value nd datatype
console.log(var3===var1);// RETURN TRUE BOTH VALUE AND DATA TYPE MATCHING
//Diffrence between "=" , "==" and "==="

//Properties of String
console.log(phrase.constructor);
console.log(phrase.length);

//Protoype  allow toadd methods and properties in  an object
function employee(name, job, tittle)
{
    this.name = name;
    this.job = job; 
    this.tittle = tittle;
}

employee.prototype.salary = 2000;

const fred = new employee('Alex', 'IT', 'Analyst', 4000);

console.log(fred);
console.log(fred.salary);


let html;

html = "<h1> this is heading</h1>"+
       "<p> this is my para</p>"; //using  "+" will be complicated for long html scripts

    //use template lirtals to avoid "+" and optimize code

html = html.concat('this');
console.log(html);
console.log(html.includes('is'));
console.log(html.split(' '));
console.log(html.split('>'));


// Starting with template littrals
let namee = 'Himanshu';
let fruit1 = 'Orangr';
let fruit2 = 'Apple';
let myHtml = `Hello ${namee}
              <h1> This is heading </h1>
              <p> You like ${fruit1} and ${fruit2}
             `; //using backtick button just upper key of tab left of 1 key

document.body.innerHTML = myHtml;

위의 코드를 살펴보고 내용을 더 잘 이해할 수 있는 주석도 읽으십시오. 또한 대부분의 기능에 대한 정의를 제공했습니다. 이 코드를 실행하고 출력을 볼 수 있습니다.

템플릿 리터럴이란 ??

이 질문에 앞서 Why template literals? 템플릿 리터럴은 두 가지 이유로 존재하게 됩니다. First: 연결 중복 및 두 번째 스크립트에서 변수를 사용할 수 있습니다. 그러나 먼저 `중요한 점: 백틱'에 대해 알게 됩니다. 숫자 1 왼쪽의 탭 키 바로 위에 있는 키입니다. 이러한 백틱은 ""또는 ''보다 효율적입니다. 여러 줄 문자열에 ""또는 ''를 사용할 수 없기 때문에 "''"및 ' ""' 를 사용하는 것도 약간 복잡합니다. 백틱은 이러한 예외를 제거합니다.
Template Literals는 Js에서 HTML을 입력하는 데 사용됩니다. 이를 사용하여 js에서 직접 html을 작성하고 다양한 용도로 buildin Js 기능을 사용할 수 있습니다.