இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி JSON வரிசையின் மூலம் லூப்பை எவ்வாறு மீண்டும் செய்வது என்பதை விளக்குகிறது.
ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி JSON வரிசை மூலம் ஒரு லூப்பை மீண்டும் மீண்டும் செய்வது எப்படி?
' JSON வரிசை ”மதிப்புகளை ஒரு லூப் வழியாக அணுகலாம். JSON இன்-லூப்பிங் (ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட் நோட்டேஷன்) தரவை வரிசை வடிவத்தில் கொண்டு செல்வதற்கான சிறந்த நுட்பமாகக் கருதப்படுகிறது. ஏனென்றால், தேவையான தரவுகளை ஓரிடத்திலிருந்து மற்றொரு இடத்திற்குச் சேமித்து மாற்றுவதற்கான ஒளி வடிவம் இது.
இந்த பிரிவு பொதுவாக பயன்படுத்தப்படும் ' க்கான ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு JSON வரிசையை மீண்டும் செய்ய லூப்.
தொடரியல் (JSON வரிசை)
வரிசை - பெயர் = [ மதிப்பு1 , மதிப்பு2 , ..... மதிப்புN ]
இங்கே, 'மதிப்பு1', 'மதிப்பு2' மற்றும் 'மதிப்புN' ஆகியவை மீண்டும் செய்ய வேண்டிய மதிப்புகளைக் குறிக்கின்றன.
நடைமுறையில் ஜாவாஸ்கிரிப்டில் 'JSON' வரிசை மூலம் லூப்பிங்கைச் செய்வோம்.
HTML குறியீடு
பின்வரும் HTML குறியீட்டைப் பார்ப்போம்:
< h2 > JSON வரிசை மூலம் லூப் செய்கிறது < / h2 >< ப > ஒரு JSON வரிசையில் பூஜ்ஜியம், ஒன்று அல்லது அதற்கு மேற்பட்ட வரிசைப்படுத்தப்பட்ட கூறுகள், கமாவால் பிரிக்கப்படுகின்றன. < / ப >
< ப ஐடி = 'மாதிரி' >< / ப >
மேலே உள்ள குறியீட்டு வரிகளில்:
- ' குறிச்சொல் ஒரு துணைத் தலைப்பை வரையறுக்கிறது.
- ' ” குறிச்சொல் ஒரு பத்தி அறிக்கையை உருவாக்குகிறது.
- கடைசியாக, '
' குறிச்சொல் ஒரு ஐடியைக் கொண்ட வெற்றுப் பத்தியை வரையறுக்கிறது. மாதிரி ” JSON வரிசை மதிப்புகளைக் காட்ட.
ஜாவாஸ்கிரிப்ட் குறியீடு
அடுத்து, கீழே கொடுக்கப்பட்டுள்ள குறியீட்டிற்குச் செல்லவும்:
< கையால் எழுதப்பட்ட தாள் >நிலையான JSONarray = '{'பெயர்':'ஜான்சன்', 'வயது':35, 'கார்கள்':['BMW', 'Honda', 'Corolla']}' ;
நிலையான பொருள் = JSON. அலச ( JSONarray ) ;
உரையை விடுங்கள் = '' ;
க்கான ( கே = 0 ; கே < பொருள் கார்கள் . நீளம் ; கே ++ ) {
உரை += பொருள் கார்கள் [ கே ] + ',' ;
}
ஆவணம். getElementById ( 'மாதிரி' ) . உள் HTML = உரை ;
கையால் எழுதப்பட்ட தாள் >
இந்த குறியீடு தொகுதியில்:
- ஒரு JSON வரிசையை வரையறுக்கவும் ' JSONarray ' உடன் ஒரு ' நிலையான வரிசைப்படுத்தப்பட்ட மதிப்புகளின் பட்டியலைக் கொண்ட முக்கிய வார்த்தை.
- ' பொருள் 'பொருள்' பயன்படுத்துகிறது பாகுபடுத்து() 'குறிப்பிட்ட JSON வரிசை உரையை ஜாவாஸ்கிரிப்ட் பொருளாக மாற்றும் முறை.
- அதன் பிறகு, ' உரை ” மாறி ஒரு வெற்று மதிப்பை சேமிக்கிறது.
- அடுத்து, ' க்கான 'லூப்' இன் பண்புகளை மீண்டும் செய்யவும் பொருள் 'கார்' விசைக்கு எதிராக சேர்க்கப்பட்ட JSON வரிசையுடன் இணைக்கப்பட்டது.
- மேலும், ' நீளம் 'சொத்து மற்றும் மறு செய்கையை சரியான முறையில் செயல்படுத்த வளையத்தை அதிகரிக்கவும்.
- இறுதியாக, விண்ணப்பிக்கவும் ' getElementById() சேர்க்கப்பட்ட வெற்றுப் பத்தியை அதன் ஐடி “மாதிரி” பயன்படுத்தி அணுகுவதற்கான முறை. இது JSON வரிசை மதிப்புகளைக் காண்பிக்கும் ' உள் HTML ”சொத்து.
வெளியீடு
'for' லூப்பைப் பயன்படுத்தி சேர்க்கப்பட்ட JSON வரிசையின் அனைத்து மதிப்புகளையும் வெளியீடு காட்டுகிறது.
முடிவுரை
' JSON வரிசைகள் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி எளிதாக மீண்டும் மீண்டும் செய்ய முடியும். க்கான ” வளையம். இது ஒரு பொதுவான செயல்முறையாகும், மேலும் தரவுத்தளம் அல்லது API இலிருந்து JSON வடிவத்தில் தரவை மீட்டெடுக்க பொதுவாக வலை உருவாக்கத்தில் பயன்படுத்தப்படுகிறது. இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி JSON வரிசையின் மூலம் லூப்பை மீண்டும் இயக்குவதற்கான சுருக்கமான விளக்கத்தை விளக்கியுள்ளது.