شئ رشته هاي متني
StringObject
شئ رشته يا String
شئ String يکي ديگر از شئ هاي درون ساخت جاوااسکريپت ميباشد و براي کار کردن روي متنها استفاده مي شود. رشته هاي متني عبارتند از کليه کاراکترهايي که بتوان توسط کيبورد تايپ کرد و تا زماني که اين کاراکترها بين دو علامت " " قرار بگيرند، جاوااسکريپت آنها را در شئ String ذخيره خواهد کرد.
البته شما مي توانيد يک رشته متني را بصورت خيلي ساده در يک متغير ذخيره کنيد و نيازي هم به اين شئ نداشته باشيد، مانند کد زير:
mytxt = "This is a string."
شئ String داراي خصوصيات و متدهايي است که توسط آنها مي توانيد تسلط بيشتري روي رشته هاي متني داشته باشيد. مطابق تمام اشياء در جاوااسکريپت، ابتدا بايد اين شئ را توسط دستور new تعريف و در يک متغير ذخيره کنيد:
mytxt = new String ( "This is a string." )
خصوصيت شئ String
اين شئ داراي خصوصيت length مي باشد که اشاره به طول يک رشته دارد و توسط اين خاصيت، شما مي توانيد تعداد کاراکترهاي بکار رفته در يک رشته متني را بدست آوريد. توجه داشته باشيد که براي استفاده از خصوصيات و متدهاي اين شئ، تفاوتي نمي کند که شما به چه شکلي يک رشته را تعريف کنيد. اگر بخواهيم طول شئ بالا را محاسبه کنيم، بايد بصورت زير عمل کنيم:
document.write ( mytxt.length )
بعد از اجراي اين کد بايد عدد 17 در صفحه چاپ شود. ناگفته نماند که جاوااسکريپت فضاي خالي بين کلمات را هم به عنوان يک کاراکتر، محاسبه مي کند.
متدهاي شئ String
همانطور که ميدانيد براي تعريف يک متد، ابتدا شئ را نوشته سپس يک نقطه مي گذاريم و متد مورد نظر را به همراه پرانتز مي نويسيم که اگر اين متد پارامتري هم داشت بايد آنرا داخل پرانتز بنويسيم. الگوي کلي تعريف متد براي شئ String بصورت زير است:
object.methodname ( )
اکنون مي پردازيم به معرفي متدهاي اين شئ. دقت کنيد بعضي از اين متدها در مرورگر اينترنت اکسپلورر اجرا نمي شوند. فراموش نکنيد که به سورس کد مثالها هم دقت کنيد.
anchor اين متد رشته را بصورت آنکر در صفحه در مي آورد که کد اچ تي ام ال آن به اين صورت خواهد بود:
<a name="anchor_name" />
مثال )
<body> <script type="text/javascript">
var mytxt="Hello my friends!"
document.write(mytxt.anchor("myanchor"))
</script>
</body>
big متن را بصورت ضخيم و بزرگ ذخيره مي کند.
<script type="text/javascript">
var mytxt="Hello my friends!"
document.write(mytxt.big( ))
</script>
blink اين متد، متن را بصورت چشمک زن در مي آورد ولي در مرورگر IE اجرا نمي شود.
bold يک رشته را بصورت bold در مي آورد.
charAt توسط اين متد، مي خواهيد که بطور مثال کاراکتر پنجم از يک رشته را اعلام کند. دقت کنيد که اولين کاراکتر در يک رشته شماره صفر است.
<script type="text/javascript">
var str="Hello my friends!"
document.write("The first character is: " + str.charAt(0) + "<br />")
document.write("The second character is: " + str.charAt(1) + "<br />")
document.write("The fifth character is: " + str.charAt(4))
</script>
خروجی به این صورت خواهد بود :
The first character is: H
The second character is: e
The fifth character is: o
charCodeAt شماره موقعيت کاراکتر در يک رشته را ميدهيد و جاوااسکريپت يونيکد آن را برميگرداند. اولين کاراکتر مانند بالا صفر ميباشد.
<script type="text/javascript">
var str="Hello my friends!"
document.write("The unicode of first character is: " + str.charCodeAt(0) + "<br />")
document.write("The unicode of second character is: " + str.charCodeAt(1))
</script>
خروجی به اين صورت خواهد بود :
The unicode of first character is: 72
The unicode of second character is: 101
concat دو يا چند رشته را به هم پيوند ميدهد.
<script type="text/javascript" type="text/javascript">
var str1="This is string one."
var str2="This is string two."
document.write(str1.concat(str2))
</script>
خروجی به این صورت خواهد بود :
This is string one.This is string two.
fixed متن چاپ شده در صفحه بصورت حروف تايپي خواهد بود.
<script type="text/javascript">
var str="This is a teletype text."
document.write(str.fixed( ))
</script>
خروجی به اين صورت خواهد بود :
This is a teletype text.
fontcolor تغيير رنگ فونتها که اسم رنگ يا کد هگز را به عنوان پارامتر در پرانتز بايد معين کنيد.
<script type="text/javascript">
var str="This is a green text."
document.write(str.fontcolor("#00ff00" ))
</script>
fontsize تعيين سايز فونت ها که سايز را بايد در پرانتز بنويسيد.
<script type="text/javascript">
var str="This is a text with 6 font size."
document.write(str.fontsize(6))
</script>
خروجی به اين صورت خواهد بود :
This is a text with 6 font size.
fromCharCode يونيکد را ميدهيد و جاوااسکريپت کاراکتر برميگرداند.
<script type="text/javascript" type="text/javascript">
document.write(String.fromCharCode(1587,1604,1575, 1605))
</script>
خواهد بود . " خروجی آن کلمه "سلام
indexOf اين متد دو پارامتر دارد که الگوي آن به صورت زير است:
StringObject.indexOf ( searchvalue, fromindex )
توسط اين متد مي توانيد يک حرف و يا يک کلمه را در داخل يک رشته جستجو کنيد که اگر يک حرف باشد شماره موقعيت آنرا در رشته برميگرداند و اگر کلمه باشد، فقط شماره موقعيت اولين کاراکتر آن کلمه را برميگرداند. اگر هم پيدا نکند عدد منفي يک را برميگرداند. حرف و کلمه مورد نظر براي جستجو را در پارامتر اول بايد معين کنيد و مشخص کردن اين پارامتر هم اجباري است و مي توانيد از جايي که جاوااسکريپت جستجو را بايد شروع کند در پارامتر دوم معين کنيد که اين پارامتر اختياري است. فراموش نکنيد که موقعيت کاراکتر اول هر رشته عدد صفر ميباشد و همچنين حروف بزرگ با حروف کوچک هم فرق دارند.
<script type="text/javascript">
var mytxt = "Hello my friends!"
document.write( mytxt.indexOf("friends") + "<br />")
document.write( mytxt.indexOf("e", 3) + "<br />" )
document.write( mytxt.indexOf("z") )
</script>
خروجی به اين صورت خواهد بود :
9
12
-1
italics کاراکترهاي يک رشته به صورت ايتاليک نوشته مي شوند.
<script type="text/javascript">
var mytxt = "This is an italic text."
document.write( mytxt.italics( ) )
</script>
خروجی به اين صورت خواهد بود :
This is an italic text.
link براي ساختن لينک بکار مي رود.
<script type="text/javascript">
var mytxt = "Free HTML and Web design learning"
document.write( mytxt.link("http://www.iranw3.com" ) )
</script>
خروجی به اين صورت خواهد بود :
Free HTML and Web design learning (http://www.iranw3.com/)
match مانند متد indexOf عمل مي کند با اين تفاوت که هر کلمه را جستجو کنيد، اگر پيدا کند همان کلمه را برميگرداند و اگر پيدا نکند مقدار null برميگرداند.
<script type="text/javascript">
var mytxt = "Hello my friends!"
document.write( mytxt.match("Hello") + "<br />")
document.write( mytxt.match("MY") ) </script
>
خروجی به اين صورت خواهد بود :
Hello
null
replace اين متد کاراکترهايي را جستجو مي کند و به محض پيدا کردن اولين کاراکترهاي همانند، کاراکترهاي ديگري را جايگزين مي کند. اين متد داراي دو پارامتر مي باشد، در پارامتر اول کلمه يا کاراکتري که لازم است پيدا شود را مشخص مي کنيد و سپس در پارامتر دوم جايگزين آنرا تعيين مي کنيد. الگوي اين متد به صورت زير است:
Stringobject.replace( /findString/ , "newString" )
<script type="text/javascript" type="text/javascript">
var mytxt = "Hello World!"
document.write( mytxt.replace(/World/,"my friends") )
</script>
خروجی به اين صورت خواهد بود :
Hello my friends!
اين متد هم مانند بقيه متدها به حروف بزرگ و کوچک حساس است که اگر مي خواهيد جاوااسکريپت تفاوتي قائل نشود بايد به اين صورت عمل کنيد:
Stringobject.replace( /findString/i , "newString" )
اگر مي خواهيد کلمه يا کاراکتر را در کل رشته پيدا و جايگزين کند، بايد به صورت زير عمل کنيد:
Stringobject.replace( /findString/g , "newString" )
<script type="text/javascript" type="text/javascript">
var mytxt = "Welcome to Microsoft! We are proud to announce that Microsoft have one of the largest Web Developers site in the world."
document.write( mytxt.replace(/Microsoft/g,"IRANW3") )
</script>
در صورت نياز مي توانيد از مخلوط آن دو استفاده کنيد:
Stringobject.replace( /findString/gi , "newString" )
search اين متد فقط در رشته جستجو مي کند و به محض پيدا کردن کلمه مورد نظر عدد موقعيت اولين کاراکتر آن کلمه را بر ميگرداند و اگر پيدا نکند عدد منفي يک را نمايش ميدهد. داراي يک پارامتر هست که کلمه مورد نظر براي جستجو را در آن مشخص مي کنيد و اگر هم مانند مثال بالا حرف i اضافه کنيد از بزرگي و کوچکي حروف صرفنظر مي کند.
Stringobject.search( /findString/i )
<script type="text/javascript" type="text/javascript">
var mytxt = "Hello my friends!"
document.write( mytxt.search(/Friends/i) )
</script>
خروجی به اين صورت خواهد بود :
9
slice توسط اين متد مي توانيد يک قسمت از رشته را جدا کنيد. اين متد داراي دو پارامتر ميباشد که پارامتر اول بايد نوشته شود و در آن عدد کاراکتري را که جداسازي از آنجا بايد شروع شود را معين مي کنيد و در پارامتر دوم عدد کاراکتر پاياني را و اگر آنرا مشخص نکنيد جاوااسکريپت تا انتهاي رشته را در نظر ميگيرد.
Stringobject.slice( start, end )
<script type="text/javascript" type="text/javascript">
var mytxt = "Welcome to my website!"
document.write( mytxt.slice(14, 17) )
</script>
خروجی به اين صورت خواهد بود :
web
small اندازه حروف کوچک مي شود.
split تبديل يک رشته به آرايه. يعني بين کلمات يک رشته علامت کاما گذاشته و آنها را مانند آرگومان هاي آرايه مرتب مي کند. داراي دو پارامتر است که در پارامتر اول مدل علامت گذاري معين مي شود. اگر از "" استفاده کنيد بدون فاصله، مابين کليه کاراکترهاي رشته، کاما مي گذارد و اگر از " " با فاصله استفاده کنيد، در آن رشته بدنبال فاصله ها مي گردد و علامت گذاري ميکند يعني بين کلمات کاما مي گذارد. در پارامتر دوم هم که اختياري است مي توانيد تعداد تکرار کاما را تعيين کنيد.
<script type="text/javascript" type="text/javascript">
var mytxt = "Welcome to my website!"
document.write( mytxt.split("") + "<br />" )
document.write( mytxt.split(" ") + "<br />" )
document.write( mytxt.split(" ", 2) ) </script>
خروجی به اين صورت خواهد بود :
W,e,l,c,o,m,e, ,t,o, ,m,y, ,w,e,b,s,i,t,e,!
Welcome,to,my,website!
Welcome,to
strike بر روي رشته خط مي کشد.
<script type="text/javascript" type="text/javascript">
var mytxt = "This is a strike( ) method."
document.write( mytxt.strike( ) )
</script>
خروجی به اين صورت خواهد بود :
This is a strike( ) method.
sub رشته مورد نظر را پايين تر از خط نشان ميدهد.
<body>
<strong>Example: </strong>
<script type="text/javascript" type="text/javascript">
var mytxt = "This is a subscript."
document.write( mytxt.sub( ) )
</script>
</body>
خروجی به اين صورت خواهد بود :
Example: This is a subscript.
sup رشته مورد نظر را بالاتر از خط نشان ميدهد.
Example: This is a superscript.
substr تقريباً مانند متد slice عمل ميکند که در پارامتر اول عدد کاراکتر را براي شروع جداسازي معين مي کنيد ولي در پارامتر دوم تعداد انتخاب کاراکتر بعد از نقطه شروع را مشخص ميکنيد که اگر آن را ننويسيد تا انتهاي متن انتخاب خواهد شد و اگر مقادير پارامترها را منفي دهيد نقطه شروع از انتهاي رشته تعيين ميشود.
<script type="text/javascript" type="text/javascript">
var mytxt = "Welcome to my website!"
document.write( mytxt.substr(8,5 ) + "<br />" )
document.write( mytxt.substr(14,3 ) )
</script>
خروجی به اين صورت خواهد بود :
to my
web
toLowerCase کليه حروف انگليسي داخل يک رشته را به حروف کوچک انگليسي تبديل مي کند.
toUpperCase کليه حروف تبديل به حروف بزرگ خواهد شد.