Arrays

Question 1

What is an array

Answer 1

An array is an ordered collection of values

Question 2

How is each value of an array called ?

Answer 2

An element

Question 3

How is the position of a value in an array called ?

Answer 3

An index

Question 4

What does it mean to say that javascript arrays are untyped.

Answer 4

An array element may be of any type, and different elements of the same array may be of different types.

Question 5

What is a sparse array ?

Answer 5

It is an array with gaps. Elements are not contiguous.

Question 6

What are the different ways to create an array ?

Answer 6

• Use Array Literals
• Use the constructor Array()
• Use Array.of
• Use Array.from
• Use the … spread operator on an iterable object

Question 7

What is the length of this Array litteral and why ?

[,,]

Answer 7

This array litteral has a length of 2.

The last comma is considered as a trailing one. Not a separating comma.

Question 8

I which cases Array.of() should be used ?

Answer 8

Array.of() is a factory method that creates and returns a new array, using its argument values (regardless of how many of them there are) as the array elements:

Array.of() // => []; returns empty array with no arguments

Array.of(10) // => [10]; can create arrays with a single numeric argument

Array.of(1,2,3) // => [1, 2, 3]

It is comparable with the Array() constructor called with multiple arguments. The difference is that that Array() constructor cannot be used to create an array with a single numeric value specified

Question 9

In which cases the length property of an Array is automatically updated ?

Answer 9

• when you assign an element of the array using property names that are non-negative integers less than 232–1.

Question 10

What is the difference between an array index and an array property name ?

Answer 10

All indexes are property names, but only property names that are integers between 0 and 232–2 are indexes.

Question 11

What is the particularity of the length property of an array when that array is sparse ?

Answer 11

If the array is sparse, the length property is no more the number of elements in the array. Rather, the value of the length property is greater than the number of elements.

Question 12

What is the purpose of the method push() of arrays ?

Answer 12

To add one or more values to the end of an array:

let a = []; // Start with an empty array

a.push(“zero”); // Add a value at the end.

a = [“zero”]
a.push(“one”, “two”); // Add two more values.
a = [“zero”, “one”, “two”]

Pushing a value onto an array a is the same as assigning the value to a[a.length]

Question 13

What is the purpose of the method unshift() of arrays ?

Answer 13

To insert a value at the beginning of an array, shifting the existing array elements to higher indexes.

Question 14

What is the purpose of the method pop() of arrays ?

Answer 14

The pop() method is the opposite of push(): it removes the last element of the array and returns it, reducing the length of an array by 1.

Question 15

What is the purpose of the method shift() of arrays ?

Answer 15

shift() method removes and returns the first element of the array, reducing the length by 1 and shifting all elements down to an index one lower than their current index.

Question 16

What is the difference between the method forEach() of arrays and the loop for/of ?

Answer 16

You pass a function to the forEach() method of an array, and forEach() invokes your function once on each element of the array.

Unlike the for/of loop, the forEach() is aware of sparse arrays and does not invoke your function for elements that are not there.

forEach() does not provide a way to terminate iteration before all elements have been passed to the function. That is, there is no equivalent of the break statement you can use with a regular for loop

Question 17

What is the particularity of array Iterator methods when the array is sparse ?

Answer 17

If the array is sparse, the function you pass is not invoked for nonexistent elements.

Question 18

List the 3 arguments the forEach method (as well as some other Iterator methods) receive.

Answer 18

the value of the array element

The index of the array element.

And the array itself.

Question 19

Describe the map() method of arrays

Answer 19

The map() method passes each element of the array on which it is invoked to the function you specify and returns an array containing the values returned by your function.

For example:

let a = [1, 2, 3];

a.map(x => xx) // => [1, 4, 9]: the function takes input x and returns xx

Question 20

Which differences exist between forEach() method of arrays and map() method ?

Answer 20

The function you pass to map() is invoked in the same way as a function passed to forEach(). For the map() method, however, the function you pass should return a value.

map() returns a new array: it does not modify the array it is invoked on. forEach() allIf that array is sparse, your function will not be called for the missing elements, but the returned array will be sparse in the same way as the original array: it will have the same length and the same missing elements

Question 21

Describe the method filter() of arrays

Answer 21

The filter() method returns an array containing a subset of the elements of the array on which it is invoked. The function you pass to it should be predicate: a function that returns true or false.

Question 22

How to close the gaps in sparse arrays using filter method ?

Answer 22

let dense = sparse.filter(() => true);

Question 23

What does the find() and findIndex() methods of arrays take as parameter ?

Answer 23

A function that is a predicate (that returns true or false) ans that receive as parameter an element of the array.

Question 24

What does the find() method of arrays return ?

Answer 24

Undefined or the matching element

Question 25

What does the findIndex() method of arrays return ?

Answer 25

-1 or the index of the matching element.

Question 26

What do the every() and some() methods of arrays takes as parameter ?

Answer 26

A predicate.

a.every(x => x < 10)

Question 27

What does the every() method of arrays return ?

Answer 27

True or false.

True if all the predicate calls have return true.
Otherwise false.

Question 28

What does the some() method of arrays return ?

Answer 28

True or False.

True if at least one element of the array will return true when passed to the predicate.

Otherwise false.

Question 29

What does every() return when called on an empty array?

Answer 29

True

Question 30

What does some() return when called on an empty array?

Answer 30

False

Question 31

Which difference exist between functions received as parameter with forEach(),map(),etc. And reduce() and reduceRight()

Answer 31

Functions used with reduce() are different than the functions used with forEach() and map(). The familiar value, index, and array values are passed as the second, third, and fourth arguments. The first argument is the accumulated result of the reduction so far. On the first call to the function, this first argument is the initial value you passed as the second argument to reduce(). On subsequent calls, it is the value returned by the previous invocation of the function.

Question 32

What happen when the 2nd argument of reduce is omitted ?

Answer 32

When you invoke reduce() like this with no initial value, it uses the first element of the array as the initial value. This means that the first call to the reduction function will have the first and second array elements as its first and second arguments.

Question 33

What do the reduce() and reduceRight() methods do ? What are the differences.

Answer 33

The reduce() and reduceRight() methods combine the elements of an array, using the function you specify, to produce a single value.

reduceRight() works just like reduce(), except that it processes the array from highest index to lowest (right-to-left), rather than from lowest to highest.

let a = [1,2,3,4,5];
a.reduce((x,y) => x+y, 0)

Question 34

What is the default initial value of reduce() when it’s second parameter is omitted ?

Answer 34

The first element of the array

Question 35

Which methods of arrays could be used to flatten arrays ?

Answer 35

flat() and flatMap()

[1, [2, 3]].flat() // => [1, 2, 3]

[1, [2, [3]]].flat() // => [1, 2, [3]]

let a = [1, [2, [3, [4]]]];
a.flat(1) // => [1, 2, [3, [4]]]
a.flat(2) // => [1, 2, 3, [4]]
a.flat(3) // => [1, 2, 3, 4]

let phrases = [“hello world”, “the definitive guide”];
let words = phrases.flatMap(phrase => phrase.split(“ “));
words // => [“hello”, “world”, “the”, “definitive”, “guide”];

Question 36

What does the flatMap method do ?

Answer 36

a.flatMap(f) is the same as :

a.map(f).flat()

Question 37

What does the concat method do ?

Answer 37

The concat() method creates and returns a new array that contains the elements of the original array on which concat() was invoked, followed by each of the arguments to concat().

If any of these arguments is itself an array, then it is the array elements that are concatenated, not the array itself (but not recursively)

Question 38

What is the danger of concat() ?

Answer 38

It creates a new array. The programmer should think about modifying the array in place with push or splice.

Question 39

How to add all elements of an array b at the end of another array a ?

Answer 39

a.push(…b)

Question 40

How does unshift() behave when it is passed multiple arguments ? like a.unshift(1, 2)

Answer 40

The arguments are inserted all at once, which means that they end up in the array in a different order than they would be if you inserted them one at a time.

a = []
a.unshift(1,2) => [1,2]

a = []
a.unshift(1); => [1]
a.unshift(2); => [2,1]

Question 41

Describe the slice() method of arrays

Answer 41

The slice() method returns a subarray of the specified array. Its first argument is the index where to start (included) and its second arguments is the index where to stop (excluded).

Negative arguments are possible. They are relative to the length of the array. -1 being the last element of the array.

the absolute index (the real index, not the relative one) of the start parameter (1st argument) must be lower than the absolute index of the stop parameter (2nd argument). Otherwise the array will be empty

Question 42

Describe the splice() method of arrays

Answer 42

The splice() method is used to delete some elements of the array, and also to insert (in place) elements into the array.

The first argument indicates the index (included) from which the deletion must start

The 2nd argument indicates the number of elements to delete, counting from the 1st argument. If it is 0, nothing will be deleted.

All the following elements are to be inserted in the array, starting from the first argument index.

Question 43

What does splice() returns ?

Answer 43

Splice returns an array of the deleted ements

Question 44

What does the fill() method do ?

Answer 44

The fill() method sets the elements of an array, or a slice of an array, to a specified value. It mutates the array it is called on, and also returns the modified array.

let a = new Array(5); // Start with no elements and length 5
a.fill(0) // => [0,0,0,0,0]; fill the array with zeros
a.fill(9, 1) // => [0,9,9,9,9]; fill with 9 starting at index 1
a.fill(8, 2, -1) // => [0,9,8,8,9]; fill with 8 at indexes 2, 3

The first argument to fill() is the value to set array elements to.

The optional second argument specifies the starting index. If omitted, filling starts at index 0.

The optional third argument specifies the ending index — array elements up to, but not including, this index will be filled. If this argument is omitted, then the array is filled from the start index to the end.

Question 45

What does the copyWithin() method do ?

Answer 45

copyWithin() copies a slice of an array to a new position within the array. It modifies the array in place and returns the modified array, but it will not change the length of the array.

The first argument specifies the destination index to which the first element will be copied.

The second argument specifies the index of the first element to be copied. If this second argument is omitted, 0 is used.

The third argument specifies the end of the slice of elements to be copied. If omitted, the length of the array is used.

Elements from the start index up to, but not including, the end index will be copied.

Question 46

What does the includes() method do ?

Answer 46

The ES2016 includes() method takes a single argument and returns true if the array contains that value or false otherwise. It does not tell you the index of the value, only whether it exists.

Question 47

What is the difference between the methods includes and indexOf() ?

Answer 47

includes() returns true or false
indexOf() returns -1 or the index of the first matching element

indexOf() use the strict equality operator to compare values of the array with the specified value and that equality algorithm considers the not-a-number value to be different from every other value, including itself.

includes() uses a slightly different version of equality that does consider NaN to be equal to itself.

This means that indexOf() will not detect the NaN value in an array, but includes() will:

Question 48

How does the sort() method of arrays work ?

Answer 48

sort() sorts the elements of an array in place and returns the sorted array. When sort() is called with no arguments, it sorts the array elements in alphabetical order (temporarily converting them to strings to perform the comparison, if necessary).

If an array contains undefined elements, they are sorted to the end of the array.

Question 49

How to modify the sort() algorithm so that it does no more an alphabetical sort ?

Answer 49

To sort an array into some order other than alphabetical, you must pass a comparison function as an argument to sort(). This function decides which of its two arguments should appear first in the sorted array.

If the first argument should appear before the second, the comparison function should return a number less than zero.

If the first argument should appear after the second in the sorted array, the function should return a number greater than zero.

And if the two values are equivalent (i.e., if their order is irrelevant), the comparison function should return 0.

Question 50

What does the reverse() method of Arrays do ?

Answer 50

The reverse() method reverses the order of the elements of an array and returns the reversed array. It does this in place; in other words, it doesn’t create a new array with the elements rearranged but instead rearranges them in the already existing array.

Question 51

What are the 3 static functions of Array ?

Answer 51

• Array.of()
• Array.from()
• Array.isArray()

Question 52

What is an array like object ?

Answer 52

It is an object (type “object”), that has a length property that is an integer between 0 and 2^32 - 1. (and, normally some integer properties between 0 and length)

Question 53

How to call an array method on an Array like object ?

Answer 53

Using call():

Array.prototype.join.call(a, “+”) // => “a+b+c”
Array.prototype.map.call(a, x => x.toUpperCase()) // => [“A”,”B”,”C”]

Array.prototype.slice.call(a, 0) // => [“a”,”b”,”c”]: true array copy

Array.from(a) // => [“a”,”b”,”c”]: easier array copy