Join Regular Classroom : Visit ClassroomTech

JavaScript – codewindow.in

Related Topics

HTML

Introduction
Html page 1
Html page 2
Html page3
Html page4

HTML Elements and structure
Html page 5
Html page 6
Html page 7

HTML Headings and Paragraphs
Html page 8
Html page 9
Html page 10

HTML Lists and Tables
Html page 11
Html page 12
Html page 13

HTML Forms and Input Fields
Html page 14
Html page 15
Html page 16

HTML Images and Media
Html page 17
Html page 18

HTML Links and Anchors
Html page 19
Html page 20
Html page 21

HTML Styles and Formatting
Html page 22

HTML Semantic Elements
Html page 23
Html page 24

HTML Attributes
Html page 25
Html page 26

HTML JavaScript Integration
Html page 27
Html page 28
Html page 29
Html page 30

HTML Document and Browser Support
Html page 31
Html page 32

HTML5 New Elements and Attributes
Html page 33
Html page 34
Html page 35
Html page 36

HTML Accessibility and Web Standards
Html page 37
Html page 38
Html page 39

HTML Responsive Design and Mobile Devices.
Html page 40
Html page 41
Html page 42

JAVASCRIPT

let fruits = ['apple', 'banana', 'cherry'];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}
Output:
apple
banana
cherry
2. forEach() method: The forEach() method allows you to execute a provided function once for each element in the array.
let fruits = ['apple', 'banana', 'cherry'];

fruits.forEach(function(fruit) {
  console.log(fruit);
});
Output:
apple
banana
cherry
3. for…of loop: The for...of loop is a convenient way to iterate over the values of an array.
let fruits = ['apple', 'banana', 'cherry'];

for (let fruit of fruits) {
  console.log(fruit);
}
Output:
apple
banana
cherry
These are the primary methods for looping through an array in JavaScript. Each method has its own advantages and can be used depending on your specific requirements and coding style.
let fruits = ['apple', 'banana', 'cherry'];

console.log(fruits.includes('banana')); // Output: true
console.log(fruits.includes('grape'));  // Output: false
The includes() method performs a strict equality (===) comparison to check for the presence of the element.
2. Array.prototype.indexOf(): The indexOf() method returns the first index at which the specified element is found in the array. If the element is not found, it returns -1.
let fruits = ['apple', 'banana', 'cherry'];

console.log(fruits.indexOf('banana')); // Output: 1
console.log(fruits.indexOf('grape'));  // Output: -1
The indexOf() method performs a strict equality (===) comparison as well.
3. Array.prototype.find(): The find() method returns the first element in the array that satisfies a provided testing function. If no element is found, it returns undefined.
let numbers = [1, 2, 3, 4, 5];

let foundElement = numbers.find(function(element) {
  return element > 3;
});

console.log(foundElement); // Output: 4
In the example above, the find() method finds the first element greater than 3.
These methods offer different approaches to check for the existence of an element in an array. Choose the method that best suits your needs based on the specific requirements of your code.
let matrix = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
In this case, matrix is a nested array with three elements, and each element is an array itself.
To access elements in a nested array, you can use multiple square brackets to navigate through the levels of nesting. The innermost square brackets specify the indices at each level.
For example, to access the element with the value 5 in the matrix array:
let value = matrix[1][1];
console.log(value); // Output: 5
In this case, matrix[1] returns the second element of the matrix array, which is [4, 5, 6]. Then, matrix[1][1] retrieves the second element of that array, which is 5.
You can continue this pattern to access elements at deeper levels of nesting.
let deepArray = [[1, [2, 3]], [4, [5, 6]]];

let value = deepArray[1][1][0];
console.log(value); // Output: 5
In the example above, deepArray[1][1][0] accesses the element with the value 5 in the nested array.
By using appropriate indices, you can access and manipulate elements within a nested array in JavaScript.
let fruits = ['apple', 'banana', 'cherry'];

let result = fruits.join(', ');

console.log(result); // Output: "apple, banana, cherry"
In this example, the elements of the fruits array are joined into a string using a comma and space as the separator.
2. toString() method: The toString() method converts an array to a string by converting each element to a string and concatenating them together, separated by commas.
let fruits = ['apple', 'banana', 'cherry'];

let result = fruits.toString();

console.log(result); // Output: "apple,banana,cherry"
The toString() method performs a similar operation to join() but uses only commas as the separator.
3. String concatenation: You can concatenate the elements of an array manually using string concatenation operators such as +.
let fruits = ['apple', 'banana', 'cherry'];

let result = fruits.join(', ');

console.log('Fruits: ' + result); // Output: "Fruits: apple, banana, cherry"
In this example, the string 'Fruits: ' is concatenated with the result of fruits.join(', ') to create the final string.
These methods allow you to convert an array to a string in JavaScript. Choose the method that best suits your needs based on the desired string format and separator.
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];

let concatenatedArray = array1.concat(array2);

console.log(concatenatedArray); // Output: [1, 2, 3, 4, 5, 6]
In this example, array1.concat(array2) creates a new array by merging the elements of array1 and array2.
2. Spread syntax: You can use the spread syntax (...) to concatenate arrays and create a new array.
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];

let concatenatedArray = [...array1, ...array2];

console.log(concatenatedArray); // Output: [1, 2, 3, 4, 5, 6]
The spread syntax spreads the elements of each array into a new array, resulting in a concatenated array.
3. Push and apply: You can use the push() method along with the apply() method to concatenate arrays. However, this method modifies the original array instead of creating a new one.
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];

Array.prototype.push.apply(array1, array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]
In this example, Array.prototype.push.apply(array1, array2) appends the elements of array2 to array1.
These methods allow you to concatenate arrays in JavaScript. Choose the method that best suits your needs based on whether you want to create a new array or modify the existing one.

      

Popular Category

Topics for You

HTML

Introduction
Html page 1
Html page 2
Html page3
Html page4

HTML Elements and structure
Html page 5
Html page 6
Html page 7

HTML Headings and Paragraphs
Html page 8
Html page 9
Html page 10

HTML Lists and Tables
Html page 11
Html page 12
Html page 13

HTML Forms and Input Fields
Html page 14
Html page 15
Html page 16

HTML Images and Media
Html page 17
Html page 18

HTML Links and Anchors
Html page 19
Html page 20
Html page 21

HTML Styles and Formatting
Html page 22

HTML Semantic Elements
Html page 23
Html page 24

HTML Attributes
Html page 25
Html page 26

HTML JavaScript Integration
Html page 27
Html page 28
Html page 29
Html page 30

HTML Document and Browser Support
Html page 31
Html page 32

HTML5 New Elements and Attributes
Html page 33
Html page 34
Html page 35
Html page 36

HTML Accessibility and Web Standards
Html page 37
Html page 38
Html page 39

HTML Responsive Design and Mobile Devices.
Html page 40
Html page 41
Html page 42

Go through our study material. Your Job is awaiting.

Recent Posts
Categories