דוגמאות ל- JavaScript Substring - שיטות פרוסות, Substring ו- Substring ב- JS

בתכנות יומיומי, לעתים קרובות אנו צריכים לעבוד עם מיתרים. למרבה המזל, ישנן הרבה שיטות מובנות ב- JavaScript שעוזרות לנו תוך כדי עבודה עם מערכים, מחרוזות וסוגי נתונים אחרים. אנו יכולים להשתמש בשיטות אלה לפעולות שונות כמו חיפוש, החלפה, שרשור מחרוזות וכו '.

קבלת מצע מחרוזת היא אחת הפעולות הנפוצות ביותר ב- JavaScript. במאמר זה תוכלו ללמוד כיצד להשיג תשתית באמצעות שלוש שיטות מובנות שונות. אבל ראשית, תן לי להסביר בקצרה מה זה מצע.

מהי Substring?

תשתית היא קבוצת משנה של מחרוזת אחרת:

"I am learning JavaScript and it is cool!" --> Original String "I am learning JavaScript" --> Substring "JavaScript is cool!" --> Another Substring

כמו בדוגמה לעיל, במקרים מסוימים עלינו לקבל אחד או יותר המשתתפים ממשפט מלא או מפסקה. בואו נראה כיצד לעשות זאת ב- JavaScript בשלוש דרכים שונות.

תוכלו גם לצפות בגרסת הווידיאו של השימושים בדוגמה כאן:

1. שיטת המצע ()

נתחיל בשיטת substring (). שיטה זו בעצם מקבלת חלק מהמחרוזת המקורית ומחזירה אותו כמחרוזת חדשה. שיטת המזרק מצפה לשני פרמטרים:

string.substring(startIndex, endIndex);
  • startIndex : מייצג את נקודת ההתחלה של המצע
  • endIndex : מייצג את נקודת הסיום של המצע (אופציונלי)

בואו נראה את השימוש בדוגמה. נניח שיש לנו את מחרוזת הדוגמה למטה:

const myString = "I am learning JavaScript and it is cool!";

עכשיו אם נגדיר את startIndex כ- 0 ו- endIndex כ -10, נקבל את 10 התווים הראשונים של המחרוזת המקורית:

עם זאת, אם הגדרנו רק אינדקס התחלתי ואין אינדקס סיום לדוגמא זו:

ואז אנו מקבלים תשתית החל מהדמות השישית ועד סוף המחרוזת המקורית.

כמה נקודות נוספות:

  • אם startIndex = endIndex, שיטת המזרק מחזירה מחרוזת ריקה
  • אם startIndex ו- endIndex גדולים מאורך המחרוזת, הוא מחזיר מחרוזת ריקה
  • אם startIndex> endIndex, אזי שיטת המיתוג מחליפה את הארגומנטים ומחזירה סובסטרינג, בהנחה ש- endIndex> startIndex

2. שיטת הפרוסה ()

שיטת ה- slice () דומה לשיטת substring () והיא גם מחזירה substring של המחרוזת המקורית. שיטת הפרוסה מצפה גם לאותם שני פרמטרים:

string.slice(startIndex, endIndex);
  • startIndex : מייצג את נקודת ההתחלה של המצע
  • endIndex : מייצג את נקודת הסיום של המצע (אופציונלי)

הנקודות הנפוצות של שיטות substring () ו- slice ():

  • אם לא נקבע אינדקס סיום, נקבל מצע שמתחיל ממספר האינדקס הנתון ועד סוף המחרוזת המקורית:
  • אם נקבע גם את startIndex וגם את endIndex, נקבל את התווים בין מספרי האינדקס הנתונים של המחרוזת המקורית:
  • אם startIndex ו- endIndex גדולים מאורך המחרוזת, הוא מחזיר מחרוזת ריקה

הבדלים בשיטת ה- slice ():

  • אם startIndex> endIndex, השיטה slice () מחזירה מחרוזת ריקה
  • אם startIndex הוא מספר שלילי, אז התו הראשון מתחיל מסוף המחרוזת (הפוך):
הערה: אנו יכולים להשתמש בשיטת slice () גם עבור מערכי JavaScript. תוכל למצוא כאן את המאמר הנוסף שלי אודות שיטת הפרוסה כדי לראות את השימוש במערכים.

3. שיטת הסובסטר ()

על פי מסמכי מוזילה, שיטת substr () נחשבת לפונקציה מורשת ויש להימנע משימוש בה. אבל אני עדיין אסביר בקצרה מה זה עושה כי אולי תראה את זה בפרויקטים ישנים יותר.

שיטת ה- substr () מחזירה גם תת-משנה של המחרוזת המקורית ומצפה לשני פרמטרים כ:

string.substring(startIndex, length);
  • startIndex : מייצג את נקודת ההתחלה של המצע
  • אורך : מספר התווים שייכלל (אופציונלי)

אתה יכול לראות את ההבדל כאן: השיטה substr () מצפה לפרמטר השני כאורך במקום endIndex:

בדוגמה זו, בעצם הוא סופר 5 תווים המתחילים ב startIndex הנתון ומחזיר אותם כמצע.

עם זאת, אם אנו לא מגדירים את הפרמטר השני, הוא חוזר עד סוף המחרוזת המקורית (כמו ששתי השיטות הקודמות עושות):

הערה: כל 3 השיטות מחזירות את המזרק כמחרוזת חדשה והן אינן משנות את המחרוזת המקורית.

לעטוף

אז אלה שלוש השיטות השונות לקבלת מזרק ב- JavaScript. ישנן שיטות מובנות רבות נוספות ב- JS אשר באמת עוזרות לנו מאוד כאשר אנו מתמודדים עם דברים שונים בתכנות. אם אתה מוצא את הפוסט הזה מועיל, אנא שתף ​​אותו ברשתות החברתיות.

אם אתה רוצה ללמוד עוד על פיתוח אתרים, אל תהסס לעקוב אחרי ב- Youtube !

תודה שקראת!