234 lines
12 KiB
Markdown
234 lines
12 KiB
Markdown
|
---
|
|||
|
title: Search and Replace
|
|||
|
localeTitle: بحث واستبدال
|
|||
|
---
|
|||
|
![:triangular_flag_on_post:](https://forum.freecodecamp.com/images/emoji/emoji_one/triangular_flag_on_post.png?v=3 ": triangular_flag_on_post:") تذكر استخدام **`Read-Search-Ask`** إذا واجهتك مشكلة. حاول إقران البرنامج ![:busts_in_silhouette:](https://forum.freecodecamp.com/images/emoji/emoji_one/busts_in_silhouette.png?v=3 ": busts_in_silhouette:") واكتب الكود الخاص بك ![:pencil:](https://forum.freecodecamp.com/images/emoji/emoji_one/pencil.png?v=3 ":قلم:")
|
|||
|
|
|||
|
### ![:checkered_flag:](https://forum.freecodecamp.com/images/emoji/emoji_one/checkered_flag.png?v=3 ":العلم متقلب:") شرح المشكلة:
|
|||
|
|
|||
|
ستقوم بإنشاء برنامج يأخذ جملة ، ثم يبحث عن كلمة فيه ويستبدلها بواحدة جديدة مع الحفاظ على الأحرف الكبيرة إذا كان هناك واحد.
|
|||
|
|
|||
|
#### روابط ذات صلة
|
|||
|
|
|||
|
* [كائن عالمي السلسلة](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)
|
|||
|
* [JS String Prototype Replace](http://forum.freecodecamp.com/t/javascript-string-prototype-replace/15942)
|
|||
|
|
|||
|
## ![:speech_balloon:](https://forum.freecodecamp.com/images/emoji/emoji_one/speech_balloon.png?v=3 ": speech_balloon:") تلميح: 1
|
|||
|
|
|||
|
* العثور على مؤشر حيث `before` في السلسلة.
|
|||
|
|
|||
|
> _حاول أن تحل المشكلة الآن_
|
|||
|
|
|||
|
## ![:speech_balloon:](https://forum.freecodecamp.com/images/emoji/emoji_one/speech_balloon.png?v=3 ": speech_balloon:") تلميح: 2
|
|||
|
|
|||
|
* تحقق من حالة الرسالة الأولى.
|
|||
|
|
|||
|
> _حاول أن تحل المشكلة الآن_
|
|||
|
|
|||
|
## ![:speech_balloon:](https://forum.freecodecamp.com/images/emoji/emoji_one/speech_balloon.png?v=3 ": speech_balloon:") تلميح: 3
|
|||
|
|
|||
|
* سلاسل غير قابلة للتغيير ، ستحتاج إلى حفظ التعديلات على متغير آخر ، حتى إذا كان يجب إعادة استخدام نفس واحدة فقط لجعلها تبدو وكأنها التغييرات التي تم إجراؤها باستخدام هذا المتغير فقط.
|
|||
|
|
|||
|
> _حاول أن تحل المشكلة الآن_
|
|||
|
|
|||
|
## تنبيه المفسد!
|
|||
|
|
|||
|
![علامة تحذير](//discourse-user-assets.s3.amazonaws.com/original/2X/2/2d6c412a50797771301e7ceabd554cef4edcd74d.gif)
|
|||
|
|
|||
|
**الحل في المستقبل!**
|
|||
|
|
|||
|
## ![:beginner:](https://forum.freecodecamp.com/images/emoji/emoji_one/beginner.png?v=3 ":مبتدئ:") الحل الأساسي للكود:
|
|||
|
|
|||
|
`function myReplace(str, before, after) {
|
|||
|
// Find index where before is on string
|
|||
|
var index = str.indexOf(before);
|
|||
|
// Check to see if the first letter is uppercase or not
|
|||
|
if (str[index] === str[index].toUpperCase()) {
|
|||
|
// Change the after word to be capitalized before we use it.
|
|||
|
after = after.charAt(0).toUpperCase() + after.slice(1);
|
|||
|
}
|
|||
|
// Now replace the original str with the edited one.
|
|||
|
str = str.replace(before, after);
|
|||
|
|
|||
|
return str;
|
|||
|
}
|
|||
|
|
|||
|
// test here
|
|||
|
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
|
|||
|
`
|
|||
|
|
|||
|
![:rocket:](https://forum.freecodecamp.com/images/emoji/emoji_one/rocket.png?v=3 ":صاروخ:") [تشغيل الكود](https://repl.it/CLmo/0)
|
|||
|
|
|||
|
### شرح الشفرة:
|
|||
|
|
|||
|
* استخدم `indexOf()` للبحث عن موقع من **قبل** في السلسلة.
|
|||
|
* إذا تمت كتابة الحرف الأول من **قبل** ، فغيّر الحرف الأول **بعد** الحرف الكبير.
|
|||
|
* استبدال **قبل** في السلسلة مع **بعد** .
|
|||
|
* إرجاع السلسلة الجديدة.
|
|||
|
|
|||
|
#### روابط ذات صلة
|
|||
|
|
|||
|
* [JS String Prototype IndexOf](http://forum.freecodecamp.com/t/javascript-string-prototype-indexof/15936)
|
|||
|
* [JS String Prototype ToUpperCase](http://forum.freecodecamp.com/t/javascript-string-prototype-touppercase/15950)
|
|||
|
* [JS String Prototype CharAt](http://forum.freecodecamp.com/t/javascript-string-prototype-charat/15932)
|
|||
|
* [JS String Prototype Slice](http://forum.freecodecamp.com/t/javascript-string-prototype-slice/15943)
|
|||
|
|
|||
|
## ![:sunflower:](https://forum.freecodecamp.com/images/emoji/emoji_one/sunflower.png?v=3 ":دوار الشمس:") حل الشفرة المتوسطة:
|
|||
|
|
|||
|
`function myReplace(str, before, after) {
|
|||
|
//Create a regular expression object
|
|||
|
var re = new RegExp(before,"gi");
|
|||
|
//Check whether the first letter is uppercase or not
|
|||
|
if(/[AZ]/.test(before[0])){
|
|||
|
//Change the word to be capitalized
|
|||
|
after = after.charAt(0).toUpperCase()+after.slice(1);
|
|||
|
}
|
|||
|
//Replace the original word with new one
|
|||
|
var newStr = str.replace(re,after);
|
|||
|
|
|||
|
return newStr;
|
|||
|
}
|
|||
|
|
|||
|
// test here
|
|||
|
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
|
|||
|
`
|
|||
|
|
|||
|
![:rocket:](https://forum.freecodecamp.com/images/emoji/emoji_one/rocket.png?v=3 ":صاروخ:") [تشغيل الكود](https://repl.it/CLmp/0)
|
|||
|
|
|||
|
### شرح الشفرة:
|
|||
|
|
|||
|
* في هذا الحل ، يتم استخدام التعبير العادي `[AZ]` للتحقق مما إذا كان الحرف كبيرًا أم لا.
|
|||
|
* إنشاء كائن تعبير عادي جديد ، **إعادة** .
|
|||
|
* إذا تمت كتابة الحرف الأول من **قبل** ، فغيّر الحرف الأول **بعد** الحرف الكبير.
|
|||
|
* استبدال **قبل** مع **بعد** في السلسلة.
|
|||
|
* إرجاع السلسلة الجديدة.
|
|||
|
|
|||
|
#### روابط ذات صلة
|
|||
|
|
|||
|
* شبيبة ريجكس الموارد
|
|||
|
|
|||
|
## ![:rotating_light:](https://forum.freecodecamp.com/images/emoji/emoji_one/rotating_light.png?v=3 ": rotating_light:") الحل المتقدم للكود:
|
|||
|
|
|||
|
`function myReplace(str, before, after) {
|
|||
|
|
|||
|
// create a function that will change the casing of any number of letter in parameter "target"
|
|||
|
// matching parameter "source"
|
|||
|
function applyCasing(source, target) {
|
|||
|
// split the source and target strings to array of letters
|
|||
|
var targetArr = target.split("");
|
|||
|
var sourceArr = source.split("");
|
|||
|
// iterate through all the items of sourceArr and targetArr arrays till loop hits the end of shortest array
|
|||
|
for (var i = 0; i < Math.min(targetArr.length, sourceArr.length); i++){
|
|||
|
// find out the casing of every letter from sourceArr using regular expression
|
|||
|
// if sourceArr[i] is upper case then convert targetArr[i] to upper case
|
|||
|
if (/[AZ]/.test(sourceArr[i])) {
|
|||
|
targetArr[i] = targetArr[i].toUpperCase();
|
|||
|
}
|
|||
|
// if sourceArr[i] is not upper case then convert targetArr[i] to lower case
|
|||
|
else targetArr[i] = targetArr[i].toLowerCase();
|
|||
|
}
|
|||
|
// join modified targetArr to string and return
|
|||
|
return (targetArr.join(""));
|
|||
|
}
|
|||
|
|
|||
|
// replace "before" with "after" with "before"-casing
|
|||
|
return str.replace(before, applyCasing(before, after));
|
|||
|
}
|
|||
|
|
|||
|
// test here
|
|||
|
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
|
|||
|
`
|
|||
|
|
|||
|
![:rocket:](https://forum.freecodecamp.com/images/emoji/emoji_one/rocket.png?v=3 ":صاروخ:") [تشغيل الكود](https://repl.it/CLmq/0)
|
|||
|
|
|||
|
### شرح الشفرة:
|
|||
|
|
|||
|
* يتم تمرير كل من **قبل** **وبعد** كوسيطة `applyCasing()` .
|
|||
|
* يتم استخدام الوظيفة `applyCasing()` لتغيير حالة الأحرف المعنية في **targetArr** أي ، **بعد ذلك** وفقًا للحروف في **sourceArr** ، أي من **قبل** .
|
|||
|
* يستخدم `replace()` ليحل محل **قبل** مع **بعد** ، الذي غلافه هو نفسه كما كان من **قبل** .
|
|||
|
|
|||
|
## ![:rotating_light:](https://forum.freecodecamp.com/images/emoji/emoji_one/rotating_light.png?v=3 ": rotating_light:") البديل المتقدم للحل Code:
|
|||
|
|
|||
|
`// Add new method to the String object, not overriding it if one exists already
|
|||
|
String.prototype.capitalize = String.prototype.capitalize ||
|
|||
|
function() {
|
|||
|
return this[0].toUpperCase() + this.slice(1);
|
|||
|
};
|
|||
|
|
|||
|
const Util = (function () {
|
|||
|
// Create utility module to hold helper functions
|
|||
|
function textCase(str, tCase) {
|
|||
|
// Depending if the tCase argument is passed we either set the case of the
|
|||
|
// given string or we get it.
|
|||
|
// Those functions can be expanded for other text cases.
|
|||
|
|
|||
|
if(tCase) {
|
|||
|
return setCase(str, tCase);
|
|||
|
} else {
|
|||
|
return getCase(str);
|
|||
|
}
|
|||
|
|
|||
|
function setCase(str, tCase) {
|
|||
|
switch(tCase) {
|
|||
|
case "uppercase": return str.toUpperCase();
|
|||
|
case "lowercase": return str.toLowerCase();
|
|||
|
case "capitalized": return str.capitalize();
|
|||
|
default: return str;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
function getCase(str) {
|
|||
|
if (str === str.toUpperCase()) { return "uppercase"; }
|
|||
|
if (str === str.toLowerCase()) { return "lowercase"; }
|
|||
|
if (str === str.capitalize()) { return "capitalized"; }
|
|||
|
return "normal";
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
return {
|
|||
|
textCase
|
|||
|
};
|
|||
|
})();
|
|||
|
|
|||
|
function myReplace(str, before, after) {
|
|||
|
const { textCase } = Util;
|
|||
|
const regex = new RegExp(before, 'gi');
|
|||
|
const replacingStr = textCase(after, textCase(before));
|
|||
|
|
|||
|
return str.replace(regex, replacingStr);
|
|||
|
}
|
|||
|
`
|
|||
|
|
|||
|
![:rocket:](https://forum.freecodecamp.com/images/emoji/emoji_one/rocket.png?v=3 ":صاروخ:") [تشغيل الكود](https://repl.it/@kr3at0/SearchAndReplace)
|
|||
|
|
|||
|
## ![:rotating_light:](https://forum.freecodecamp.com/images/emoji/emoji_one/rotating_light.png?v=3 ": rotating_light:") حل رمز متقدم البديل 2:
|
|||
|
|
|||
|
`function myReplace(str, before, after) {
|
|||
|
const myArr = str.split(' ');
|
|||
|
const [wordToReplace] = myArr.filter(item => item === before);
|
|||
|
return wordToReplace[0].toUpperCase() !== wordToReplace[0]
|
|||
|
? myArr.map(item => item === before ? after : item).join(' ')
|
|||
|
: myArr.map(item => item === before? after[0].toUpperCase() + after.slice(1) : item).join(' ');
|
|||
|
}
|
|||
|
|
|||
|
// test:
|
|||
|
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
|
|||
|
`
|
|||
|
|
|||
|
#### روابط ذات صلة
|
|||
|
|
|||
|
* [JS String Prototype Split](http://forum.freecodecamp.com/t/javascript-string-prototype-split/15944)
|
|||
|
* [شبيبة لشرح الحلقات](http://forum.freecodecamp.com/t/javascript-for-loop/14666s-Explained)
|
|||
|
* [شبيبة الرياضيات مين](http://forum.freecodecamp.com/t/javascript-math-min/14684)
|
|||
|
* طول سلسلة
|
|||
|
* [JS String Prototype ToLowerCase](http://forum.freecodecamp.com/t/javascript-string-prototype-tolowercase/15948)
|
|||
|
* [شبيبة صفيف النموذج](http://forum.freecodecamp.com/t/javascript-array-prototype-join/14292)
|
|||
|
|
|||
|
## ![:clipboard:](https://forum.freecodecamp.com/images/emoji/emoji_one/clipboard.png?v=3 ": الحافظة:") ملاحظات للمساهمات:
|
|||
|
|
|||
|
* ![:warning:](https://forum.freecodecamp.com/images/emoji/emoji_one/warning.png?v=3 ":تحذير:") **لا تقم** بإضافة حلول مشابهة لأي حلول موجودة. إذا كنت تعتقد أنها **_مشابهة ولكن أفضل_** ، فحاول دمج (أو استبدال) الحل المشابه الموجود.
|
|||
|
* أضف شرحًا لحلك.
|
|||
|
* تصنيف الحل في واحدة من الفئات التالية - **الأساسي** **والمتوسط** **والمتقدم** . ![:traffic_light:](https://forum.freecodecamp.com/images/emoji/emoji_one/traffic_light.png?v=3 ": traffic_light:")
|
|||
|
* الرجاء إضافة اسم المستخدم الخاص بك فقط إذا قمت بإضافة أي **محتويات رئيسية ذات صلة** . ( ![:warning:](https://forum.freecodecamp.com/images/emoji/emoji_one/warning.png?v=3 ":تحذير:") **_لا_** _تزيل أي أسماء مستخدمين حالية_ )
|
|||
|
|
|||
|
> نرى ![:point_right:](https://forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=3 ": point_right:") [**`Wiki Challenge Solution Template`**](http://forum.freecodecamp.com/t/algorithm-article-template/14272) كمرجع.
|