برنامه نویسی

Chuỗi (رشته) Jacascript قوی – انجمن DEV

Summarize this content to 400 words in Persian Lang

I. نمای کلی

1. مفهوم

string نوع داده ای است که برای ذخیره رشته ای از کاراکترها استفاده می شود که می تواند شامل حروف، اعداد، نمادها، کلمات یا جملات باشد.رشته مجموعه‌ای از کاراکترها است که با گیومه‌های تک (') یا دو گیومه (“) احاطه شده‌اند، و از ES6 می‌توانید از حروف الفبای الگو با بکتیک نیز استفاده کنید.

2. یک زنجیره ایجاد کنید

3 روش اصلی برای ایجاد رشته ها وجود دارد:

استفاده از نقل قول های تکی یا نقل قول های دوگانه:

let singleQuote = ‘Hello, world!’;
let doubleQuote = “Hello, world!”;

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

از سازنده استفاده کنید String:

let str = String(“Hello, world!”); // Chuyển đổi sang chuỗi
let anotherStr = new String(“Hello, world”); // Tạo đối tượng chuỗi

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نکته: در صورت استفاده از آپستروف ‘ و نقل قول های دوگانه “” در رشته باید از کاراکترهای اضافی ()backslash استفاده کنید تا بتوانید آنها را نمایش دهید.

let escapeSingle = ‘It\’s a sunny day.’; // It’s a sunny day.
let escapeDouble = “He said, \”Hello!\””; // He said, “Hello!”

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

بک اسلش (Template literals):

let str1 = “World”;
let str2 = `Hello ${str1}`; // Template literals, hỗ trợ nội suy
console.log(str2); // Output: Hello World

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

II. کار با رشته ها

1. طول رشته (طول) را بررسی کنید

نحو: string.length

let text = “JavaScript”;
console.log(text.length); // Output: 10

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2. رشته جستجو

پیدا کردن اولین ظاهر:نحو: string.indexOf(searchValue, start)

searchValue: رشته فرعی برای جستجو.
start (اختیاری): موقعیت شروع جستجو در رشته والد (پیش‌فرض 0 است).

let text = “Hello, world!”;
console.log(text.indexOf(“world”)); // Output: 7
console.log(text.indexOf(“JavaScript”)); // Output: -1

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

آخرین مکان ظاهر شده را پیدا کنید:نحو: string.lastIndexOf(searchValue, start)

searchValue: رشته فرعی برای جستجو.
start (اختیاری): موقعیت شروع جستجو در رشته والد (پیش‌فرض 0 است).

let text = “Hello, world!, Hello, world!”;
console.log(text.lastIndexOf(“world”)); // Output: 22
console.log(text.lastIndexOf(“Python”)); // Output: -1
console.log(text.lastIndexOf(“world”, 10)); // Output: 7

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

توجه:

اگر زیر رشته پیدا نشد، indexOf() -1 را برمی گرداند.
indexOf() فقط اولین موقعیتی را که زیر رشته ظاهر می شود پیدا می کند. جاوا اسکریپت موقعیت هایی را که بعدا ظاهر می شوند نادیده می گیرد.
lastIndexOf() فقط آخرین موقعیتی را که رشته فرعی ظاهر می شود را پیدا می کند. جاوا اسکریپت موقعیت های قبلی را نادیده می گیرد.

4. رشته را برش دهید (برش)

نحو: string.slice(startIndex, endIndex)

startIndex: موقعیت شروع (شمارش از 0).
endIndex (اختیاری): موقعیت پایان، به استثنای کاراکترها در endIndex. اگر حذف شود، رشته از startIndex به انتها بریده می شود.

let text = “JavaScript is awesome”;
console.log(text.slice(0, 10)); // Output: “JavaScript”
console.log(text.slice(11)); // Output: “is awesome”
console.log(text.slice(-7)); // Output: “awesome”
console.log(text.slice(-7, -1)); // Output: “awesom”

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5. جایگزین کنید

نحو: string.replace(searchValue, newValue)

searchValue: رشته فرعی برای جستجو.
newValue: رشته جایگزین.

توجه: متد ()replace به حروف بزرگ و کوچک حساس است

let text = “Hello, world!”;
let newText1 = text.replace(“World”, “JavaScript”);
let newText2 = text.replace(“world”, “JavaScript”);
console.log(newText1); // Output: “Hello, world!” (không thay thế vì “world” khác “World”)
console.log(newText2); // Output: “Hello, JavaScript!”

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6. تبدیل حروف بزرگ و کوچک

string.toUpperCase(): تبدیل به حروف بزرگ

string.toLowerCase(): تبدیل به حروف کوچک

let text = “JavaScript”;
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

7. رشته فرعی را بررسی کنید

string.includes(searchString, position): بررسی می کند که آیا مقداری در رشته وجود دارد یا خیر.

string.startsWith(searchString, position): مقدار شروع را بررسی کنید.
سtring.endsWith(searchString, length): مقدار نهایی را بررسی کنید.

let text = “JavaScript is fun”;
console.log(text.includes(“fun”)); // Output: true
console.log(text.startsWith(“Java”)); // Output: true
console.log(text.endsWith(“fun”)); // Output: true

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

8. رشته را جدا کنید

بر اساس نقاط مشترک، رشته را برش داده و به صورت آرایه برگردانید.

نحو: string.split(separator)

جداکننده: شخصیت یا نقطه مشترک. اگر مشخص نشده باشد، رشته تقسیم نخواهد شد.

let text = “Apple, Banana, Orange”;
let fruits = text.split(“, “);
console.log(fruits); // Output: [“Apple”, “Banana”, “Orange”]

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

9. الحاق رشته

let text1 = “Hello”;
let text2 = “World”;
let result = text1 + ” ” + text2;
let result2 = `${text1} ${text2}`; // Template literals
console.log(result); // Output: Hello World
console.log(result2); // Output: Hello World

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

10. فاصله ها را حذف کنید

نحو: string.trim()

let text = ” JavaScript “;
console.log(text.trim()); // Output: JavaScript

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

10. تبدیل سبک

let str = “123”;
let num = 123;
console.log(Number(str)); // Output: 123
console.log(parseInt(str)); // Output: 123
console.log(String(num)); // Output: “123”
console.log(num.toString()); // Output: “123”

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

III. نتیجه گیری

در این مقاله شما را با اصول کار با رشته ها در جاوا اسکریپت از ایجاد و نمایش کاراکترهای رشته و روش های رایج هنگام کار با رشته ها در جاوا اسکریپت آشنا کردم.امیدواریم مقاله بالا بتواند به شما در درک بیشتر جاوا اسکریپت کمک کند.

I. نمای کلی

1. مفهوم

string نوع داده ای است که برای ذخیره رشته ای از کاراکترها استفاده می شود که می تواند شامل حروف، اعداد، نمادها، کلمات یا جملات باشد.
رشته مجموعه‌ای از کاراکترها است که با گیومه‌های تک (') یا دو گیومه (“) احاطه شده‌اند، و از ES6 می‌توانید از حروف الفبای الگو با بکتیک نیز استفاده کنید.

2. یک زنجیره ایجاد کنید

3 روش اصلی برای ایجاد رشته ها وجود دارد:

  • استفاده از نقل قول های تکی یا نقل قول های دوگانه:
let singleQuote = 'Hello, world!';
let doubleQuote = "Hello, world!";
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • از سازنده استفاده کنید String:
let str = String("Hello, world!"); // Chuyển đổi sang chuỗi
let anotherStr = new String("Hello, world"); // Tạo đối tượng chuỗi
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نکته: در صورت استفاده از آپستروف ' و نقل قول های دوگانه "" در رشته باید از کاراکترهای اضافی ()backslash استفاده کنید تا بتوانید آنها را نمایش دهید.

let escapeSingle = 'It\'s a sunny day.'; // It's a sunny day.
let escapeDouble = "He said, \"Hello!\""; // He said, "Hello!"
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • بک اسلش (Template literals):
let str1 = "World";
let str2 = `Hello ${str1}`; // Template literals, hỗ trợ nội suy
console.log(str2); // Output: Hello World
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

II. کار با رشته ها

1. طول رشته (طول) را بررسی کنید

نحو: string.length

let text = "JavaScript";
console.log(text.length); // Output: 10
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2. رشته جستجو

پیدا کردن اولین ظاهر:
نحو: string.indexOf(searchValue, start)

  • searchValue: رشته فرعی برای جستجو.
  • start (اختیاری): موقعیت شروع جستجو در رشته والد (پیش‌فرض 0 است).
let text = "Hello, world!";
console.log(text.indexOf("world")); // Output: 7
console.log(text.indexOf("JavaScript")); // Output: -1
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

آخرین مکان ظاهر شده را پیدا کنید:
نحو: string.lastIndexOf(searchValue, start)

  • searchValue: رشته فرعی برای جستجو.
  • start (اختیاری): موقعیت شروع جستجو در رشته والد (پیش‌فرض 0 است).
let text = "Hello, world!, Hello, world!";
console.log(text.lastIndexOf("world")); // Output: 22
console.log(text.lastIndexOf("Python")); // Output: -1
console.log(text.lastIndexOf("world", 10)); // Output: 7

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

توجه:

  • اگر زیر رشته پیدا نشد، indexOf() -1 را برمی گرداند.
  • indexOf() فقط اولین موقعیتی را که زیر رشته ظاهر می شود پیدا می کند. جاوا اسکریپت موقعیت هایی را که بعدا ظاهر می شوند نادیده می گیرد.
  • lastIndexOf() فقط آخرین موقعیتی را که رشته فرعی ظاهر می شود را پیدا می کند. جاوا اسکریپت موقعیت های قبلی را نادیده می گیرد.

4. رشته را برش دهید (برش)

نحو: string.slice(startIndex, endIndex)

  • startIndex: موقعیت شروع (شمارش از 0).
  • endIndex (اختیاری): موقعیت پایان، به استثنای کاراکترها در endIndex. اگر حذف شود، رشته از startIndex به انتها بریده می شود.

let text = "JavaScript is awesome";
console.log(text.slice(0, 10));  // Output: "JavaScript"
console.log(text.slice(11));     // Output: "is awesome"
console.log(text.slice(-7));     // Output: "awesome"
console.log(text.slice(-7, -1)); // Output: "awesom"
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5. جایگزین کنید

نحو: string.replace(searchValue, newValue)

  • searchValue: رشته فرعی برای جستجو.
  • newValue: رشته جایگزین.

توجه: متد ()replace به حروف بزرگ و کوچک حساس است

let text = "Hello, world!";
let newText1 = text.replace("World", "JavaScript");
let newText2 = text.replace("world", "JavaScript");
console.log(newText1); // Output: "Hello, world!" (không thay thế vì "world" khác "World")
console.log(newText2); // Output: "Hello, JavaScript!"
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6. تبدیل حروف بزرگ و کوچک

  • string.toUpperCase(): تبدیل به حروف بزرگ
  • string.toLowerCase(): تبدیل به حروف کوچک
let text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

7. رشته فرعی را بررسی کنید

  • string.includes(searchString, position): بررسی می کند که آیا مقداری در رشته وجود دارد یا خیر.
  • string.startsWith(searchString, position): مقدار شروع را بررسی کنید.
  • سtring.endsWith(searchString, length): مقدار نهایی را بررسی کنید.
let text = "JavaScript is fun";
console.log(text.includes("fun")); // Output: true
console.log(text.startsWith("Java")); // Output: true
console.log(text.endsWith("fun")); // Output: true
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

8. رشته را جدا کنید

بر اساس نقاط مشترک، رشته را برش داده و به صورت آرایه برگردانید.

نحو: string.split(separator)

  • جداکننده: شخصیت یا نقطه مشترک. اگر مشخص نشده باشد، رشته تقسیم نخواهد شد.
let text = "Apple, Banana, Orange";
let fruits = text.split(", ");
console.log(fruits); // Output: ["Apple", "Banana", "Orange"]
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

9. الحاق رشته

let text1 = "Hello";
let text2 = "World";
let result = text1 + " " + text2;
let result2 = `${text1} ${text2}`; // Template literals
console.log(result); // Output: Hello World
console.log(result2); // Output: Hello World
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

10. فاصله ها را حذف کنید

نحو: string.trim()

let text = "   JavaScript   ";
console.log(text.trim()); // Output: JavaScript
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

10. تبدیل سبک

let str = "123";
let num = 123;
console.log(Number(str)); // Output: 123
console.log(parseInt(str)); // Output: 123
console.log(String(num)); // Output: "123"
console.log(num.toString()); // Output: "123"
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

III. نتیجه گیری

در این مقاله شما را با اصول کار با رشته ها در جاوا اسکریپت از ایجاد و نمایش کاراکترهای رشته و روش های رایج هنگام کار با رشته ها در جاوا اسکریپت آشنا کردم.
امیدواریم مقاله بالا بتواند به شما در درک بیشتر جاوا اسکریپت کمک کند.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا