ଶିକ୍ଷଣ ଉଦ୍ଦେଶ୍ୟ
ସମୟ: 30-45 ମିନିଟ୍
  • Arrays କିପରି ତିଆରି, ଉପଯୋଗ ଏବଂ ପରିବର୍ତ୍ତନ କରାଯାଏ ବୁଝିବା
  • Array methods ଏବଂ helper functions ଉପରେ ଦକ୍ଷତା ହାସଲ କରିବା
  • JavaScript objects, properties, ଏବଂ methods ବିଷୟରେ ଜାଣିବା
  • JSON ଏବଂ ଡାଟା ଆଦାନପ୍ରଦାନ ଫର୍ମାଟ୍ ବିଷୟରେ ବୁଝିବା
ଆପଣଙ୍କର ପ୍ରଗତି
ପାଠ ପ୍ରଗତି0%
ପାଠ୍ୟ ସାମଗ୍ରୀ ପଢ଼ିବା
କୋଡ୍ ଉଦାହରଣ ଚଲାଇବା
ଅଭ୍ୟାସ ସମ୍ପୂର୍ଣ୍ଣ କରିବା
କ୍ୱିଜ୍ ସମ୍ପୂର୍ଣ୍ଣ କରିବା

JavaScript ରେ Arrays

Arrays ହେଉଛି ମୂଲ୍ୟର କ୍ରମବଦ୍ଧ ସଂଗ୍ରହ ଯାହା ଗୋଟିଏ ଭେରିଏବଲରେ ଅନେକ ଆଇଟମ୍ ସଂରକ୍ଷଣ କରିପାରେ। ସେମାନେ JavaScript ରେ ମୌଳିକ ଡାଟା ଷ୍ଟ୍ରକଚର ଯାହା ଆପଣଙ୍କୁ ଡାଟା ତାଲିକା ସହିତ ଦକ୍ଷତାର ସହିତ କାମ କରିବାକୁ ଅନୁମତି ଦିଏ।

Array indexing visualization

JavaScript ରେ arrays ସହିତ, ଆପଣ:

  • ଗୋଟିଏ ଭେରିଏବଲରେ ଅନେକ ମୂଲ୍ୟ ସଂରକ୍ଷଣ କରିପାରିବେ
  • ସେମାନଙ୍କ ସ୍ଥାନ (index) ଦ୍ୱାରା ଉପାଦାନଗୁଡ଼ିକୁ ଆକ୍ସେସ୍ କରିପାରିବେ
  • ଡାଟା ସଂଗ୍ରହ ମାଧ୍ୟମରେ ଇଟରେଟ୍ କରିପାରିବେ
  • ଏକାଥରକେ ଅନେକ ମୂଲ୍ୟରେ ଅପରେସନ୍ କରିପାରିବେ
ବାସ୍ତବ ଜୀବନରେ Arrays
ଜିନିଷର ଏକ ସପିଂ ତାଲିକା
ଗୀତର ଏକ ପ୍ଲେଲିଷ୍ଟ
ବ୍ୟବହାରକାରୀ ପ୍ରୋଫାଇଲର ଏକ ସଂଗ୍ରହ

Arrays ତିଆରି ଏବଂ ଆକ୍ସେସ୍ କରିବା

JavaScript ରେ arrays ଆରେ ଲିଟେରାଲ୍ (ବର୍ଗାକାର ବ୍ରାକେଟ୍) କିମ୍ବା Array କନଷ୍ଟ୍ରକ୍ଟର ବ୍ୟବହାର କରି ତିଆରି କରାଯାଇପାରେ। ସେଗୁଡ଼ିକ ଯେକୌଣସି ପ୍ରକାରର ମୂଲ୍ୟ ଧାରଣ କରିପାରେ, ଯେପରିକି ସଂଖ୍ୟା, ଷ୍ଟ୍ରିଙ୍ଗ, ଅବଜେକ୍ଟ, ଏବଂ ଏପରିକି ଅନ୍ୟ arrays।

Arrays ତିଆରି କରିବା

JavaScript ରେ arrays ତିଆରି କରିବାର ବିଭିନ୍ନ ଉପାୟ

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Array ଉପାଦାନ ଆକ୍ସେସ୍ କରିବା

ଇଣ୍ଡେକ୍ସ ବ୍ୟବହାର କରି array ଉପାଦାନଗୁଡ଼ିକୁ କିପରି ଆକ୍ସେସ୍ ଏବଂ ପରିବର୍ତ୍ତନ କରିବେ

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ Array ବୈଶିଷ୍ଟ୍ୟ:

  • Arrays ଶୂନ୍ୟ-ଇଣ୍ଡେକ୍ସଡ୍ (ପ୍ରଥମ ଉପାଦାନ ସ୍ଥାନ 0 ରେ ଅଛି)
  • length ବୈଶିଷ୍ଟ୍ୟ ଆପଣଙ୍କୁ array ରେ ଥିବା ଉପାଦାନର ସଂଖ୍ୟା ଦିଏ
  • ଏକ ଇଣ୍ଡେକ୍ସ ଆକ୍ସେସ୍ କରିବା ଯାହା ଅସ୍ତିତ୍ୱରେ ନାହିଁ undefined ଫେରାଏ
  • Arrays ରେ "ଗର୍ତ୍ତ" (ଖାଲି ସ୍ଲଟ୍) ଥାଇପାରେ ଯଦି ଆପଣ ଇଣ୍ଡେକ୍ସ ଛାଡ଼ିଦିଅନ୍ତି

Array Methods

JavaScript arrays ଅନେକ ବିଲ୍ଟ-ଇନ୍ methods ସହିତ ଆସେ ଯାହା ସେମାନଙ୍କୁ ସହଜରେ ପରିଚାଳନା କରିବାକୁ ସହଜ କରେ।

ସାଧାରଣ Array Methods

Array ଉପାଦାନ ଯୋଡ଼ିବା, ବାହାର କରିବା ଏବଂ ପରିଚାଳନା କରିବା ପାଇଁ methods

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Array Helper Methods

Arrays ରୂପାନ୍ତର ଏବଂ ପ୍ରକ୍ରିୟାକରଣ ପାଇଁ ଆଧୁନିକ JavaScript methods

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

JavaScript ରେ Objects

Objects ହେଉଛି କି-ଭାଲ୍ୟୁ ଯୋଡ଼ିର ସଂଗ୍ରହ ଯାହା ଡାଟା ଏବଂ କାର୍ଯ୍ୟକ୍ଷମତାକୁ ଏକାଠି ସଂରକ୍ଷଣ କରେ। ସେମାନେ JavaScript ରେ ସବୁଠାରୁ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ ଡାଟା ଷ୍ଟ୍ରକଚର ମଧ୍ୟରୁ ଗୋଟିଏ ଏବଂ ଭାଷାର ମୂଳଦୁଆ ଗଠନ କରନ୍ତି।

Object structure visualization

JavaScript ରେ objects ସହିତ, ଆପଣ:

  • ସମ୍ପର୍କିତ ଡାଟା ଏବଂ କାର୍ଯ୍ୟକ୍ଷମତାକୁ ଏକାଠି ଗୋଷ୍ଠୀବଦ୍ଧ କରିପାରିବେ
  • ବୈଶିଷ୍ଟ୍ୟ ଏବଂ ଆଚରଣ ସହିତ ବାସ୍ତବ-ବିଶ୍ୱ ସତ୍ତ୍ୱାଗୁଡ଼ିକୁ ମଡେଲ କରିପାରିବେ
  • ଡାଟା ଷ୍ଟ୍ରକଚର ପାଇଁ ପୁନଃବ୍ୟବହାରଯୋଗ୍ୟ ଟେମ୍ପଲେଟ୍ ତିଆରି କରିପାରିବେ
  • ଜଟିଳ ନେଷ୍ଟେଡ୍ ଡାଟା ଷ୍ଟ୍ରକଚର ସଂରକ୍ଷଣ କରିପାରିବେ
ବାସ୍ତବ ଜୀବନରେ Objects
ବୈଶିଷ୍ଟ୍ୟ ସହିତ ଏକ ବ୍ୟବହାରକାରୀ ପ୍ରୋଫାଇଲ
ବିବରଣୀ ଏବଂ methods ସହିତ ଏକ ଉତ୍ପାଦ
ସେଟିଂସ୍ ସହିତ ଏକ କନଫିଗରେସନ୍

Objects ତିଆରି ଏବଂ ଆକ୍ସେସ୍ କରିବା

Objects ଅବଜେକ୍ଟ ଲିଟେରାଲ୍ (କର୍ଲି ବ୍ରାକେଟ୍), Object କନଷ୍ଟ୍ରକ୍ଟର, କିମ୍ବା କନଷ୍ଟ୍ରକ୍ଟର ଫଙ୍କସନ୍ ବ୍ୟବହାର କରି ତିଆରି କରାଯାଇପାରେ।

Objects ତିଆରି କରିବା

JavaScript ରେ objects ତିଆରି କରିବାର ବିଭିନ୍ନ ଉପାୟ

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Object Properties ଆକ୍ସେସ୍ କରିବା

Object properties କିପରି ଆକ୍ସେସ୍ ଏବଂ ପରିବର୍ତ୍ତନ କରିବେ

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Object Methods ଏବଂ Destructuring

Objects ଫଙ୍କସନକୁ ମୂଲ୍ୟ ଭାବରେ ଧାରଣ କରିପାରେ, ଯାହାକୁ methods କୁହାଯାଏ। Destructuring ଆପଣଙ୍କୁ objects ରୁ ମୂଲ୍ୟ ସହଜରେ ବାହାର କରିବାକୁ ଅନୁମତି ଦିଏ।

Object Methods

Objects ରେ methods ଭାବରେ ଫଙ୍କସନ ଯୋଡ଼ିବା

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Object Destructuring

Objects ରୁ ମୂଲ୍ୟ ବାହାର କରିବା ଏବଂ ସେଗୁଡ଼ିକୁ ଭେରିଏବଲରେ ଆସାଇନ୍ କରିବା

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

JSON (JavaScript Object Notation)

JSON ହେଉଛି ଏକ ହାଲୁକା ଡାଟା ଆଦାନପ୍ରଦାନ ଫର୍ମାଟ୍ ଯାହା ମନୁଷ୍ୟମାନଙ୍କ ପାଇଁ ପଢ଼ିବା ଏବଂ ଲେଖିବା ସହଜ ଏବଂ ମେସିନ୍ ପାଇଁ ପାର୍ସ ଏବଂ ଉତ୍ପନ୍ନ କରିବା ସହଜ। ଏହା JavaScript object ସିଣ୍ଟାକ୍ସ ଉପରେ ଆଧାରିତ କିନ୍ତୁ ଭାଷା-ସ୍ୱାଧୀନ ଏବଂ ୱେବରେ ଡାଟା ଆଦାନପ୍ରଦାନ ପାଇଁ ବ୍ୟାପକ ଭାବରେ ବ୍ୟବହୃତ ହୁଏ।

JSON visualization

JSON ନିମ୍ନଲିଖିତ ପାଇଁ ବ୍ୟବହୃତ ହୁଏ:

  • ସର୍ଭର ଏବଂ ୱେବ୍ ଆପ୍ଲିକେସନ୍ ମଧ୍ୟରେ ଡାଟା ପଠାଇବା
  • କନଫିଗରେସନ୍ ଡାଟା ସଂରକ୍ଷଣ କରିବା
  • ଡାଟା ଷ୍ଟ୍ରକଚରକୁ ସିରିଆଲାଇଜ୍ ଏବଂ ଡିସିରିଆଲାଇଜ୍ କରିବା
  • API ପ୍ରତିକ୍ରିୟା ଏବଂ ଅନୁରୋଧ
JSON vs JavaScript Objects
JSON keys ପାଇଁ ଡବଲ୍ କୋଟ୍ ଆବଶ୍ୟକ କରେ
JSON functions କିମ୍ବା undefined ସମର୍ଥନ କରେ ନାହିଁ
JSON ଏକ ଷ୍ଟ୍ରିଙ୍ଗ ଫର୍ମାଟ୍, JavaScript object ନୁହେଁ

JSON ସହିତ କାମ କରିବା

JavaScript JavaScript objects ଏବଂ JSON ଷ୍ଟ୍ରିଙ୍ଗ ମଧ୍ୟରେ ରୂପାନ୍ତର କରିବା ପାଇଁ ବିଲ୍ଟ-ଇନ୍ methods ପ୍ରଦାନ କରେ।

JSON ମୌଳିକ

JSON ସିଣ୍ଟାକ୍ସ ଏବଂ ଷ୍ଟ୍ରକଚର ବୁଝିବା

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

Objects ଏବଂ JSON ମଧ୍ୟରେ ରୂପାନ୍ତର

JSON.stringify() ଏବଂ JSON.parse() ବ୍ୟବହାର କରିବା

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

API ଡାଟା ସହିତ କାମ କରିବା

APIs ଏବଂ ୱେବ୍ ସେବା ସହିତ JSON ବ୍ୟବହାର କରିବା

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

ଜ୍ଞାନ ଯାଞ୍ଚ

Arrays ଏବଂ objects ବିଷୟରେ ଆପଣଙ୍କର ବୁଝାମଣା ପରୀକ୍ଷା କରନ୍ତୁ।

ପ୍ରଶ୍ନ 17ସ୍କୋର: 0/7

Which method adds an element to the end of an array?

ପରବର୍ତ୍ତୀ ପଦକ୍ଷେପ

ଏହି ପାଠରେ, ଆପଣ JavaScript ରେ arrays ଏବଂ objects ବିଷୟରେ ଶିଖିଛନ୍ତି। ପରବର୍ତ୍ତୀ ପାଠରେ, ଆମେ ଇଣ୍ଟରାକ୍ଟିଭ୍ ୱେବ୍ ପୃଷ୍ଠା ତିଆରି କରିବା ପାଇଁ DOM ପରିଚାଳନା ଅନ୍ୱେଷଣ କରିବା।

ପରବର୍ତ୍ତୀ ପାଠ

7

DOM ପରିଚାଳନା

JavaScript ବ୍ୟବହାର କରି ୱେବ୍ ପୃଷ୍ଠା ସହିତ କିପରି ଇଣ୍ଟରାକ୍ଟ କରିବେ ଶିଖନ୍ତୁ

ଆରମ୍ଭ କରନ୍ତୁ