Search results

Methods that work with the end of the array: pop Extracts the last element of the array and returns… return the last element of the array, but fruits.pop() also modifies the array by removing it.… Move all elements to the left, renumber them from the index 1 to 0, from 2 to 1 and so on.… exactly the same array.… treatment for arrays.

Arrays provide a lot of methods.… Starting from the index 1 it removed 1 element.… item. index – is its position. array – is the array.… On the second run, sum = 1, we add the second array element (2) to it and return.… element: sum current result the first call 0 1 1 the second call 1 2 3 the third call 3

Typed arrays behave like regular arrays: have indexes and are iterable.… If an Array, or any array-like object is given, it creates a typed array of the same length and copies… For 257, the binary form is 100000001 (9 bits), the rightmost 8 get stored, so we’ll have 1 in the array… These methods allow us to copy typed arrays, mix them, create new arrays from existing ones, and so on… For typed arrays, the constructor dictates what the format is.

In maths, one would write xn = x * xn-1.… pow(2, 1).The process repeats: a new subcall is made at line 5, now with arguments x=2, n=1.… at line 1 } pow(2, 1) Context: { x: 2, n: 2, at line 5 } pow(2, 2) Context… pow(2, 1).… It has the result of the subcall pow(2, 1), so it also can finish the evaluation of x * pow(x, n - 1)

Promise.all takes an iterable (usually, an array… The new promise resolves when all listed promises are resolved, and the array of their results becomes… For instance, the Promise.all below settles after 3 seconds, and then its result is an array [1, 2, 3… A common trick is to map an array of job data into an array of promises, and then wrap that into Promise.all… But if any of those objects is not a promise, it’s passed to the resulting array “as is”.

And also, how to pass arrays to such functions as parameters.… The dots literally mean “gather the remaining parameters into an array”.… But the downside is that although arguments is both array-like and iterable, it’s not an array.… [3, 5, 1].… The list of characters is passed to array initializer [...str].

The apply accepts only array-like args.… …And for objects that are both iterable and array-like, such as a real array, we can use any of them,… a real array.… It is quite common to take array methods and apply them to arguments.… The alternative is to use rest parameters object that is a real array.

That has two effects: It allows to get a part of the match as a separate item in the result array.… At index 1: the contents of the first parentheses.… , the corresponding result array item is present and equals undefined.… When the flag g is present, it returns every match as an array with groups.… We can turn it into a real Array using Array.from.

It has 3 modes: If the regexp doesn’t have flag g, then it returns the first match as an array with… If there are no matches, we don’t get an empty array, but null.… There are 3 differences from match: It returns an iterable object with matches instead of an array.… We can make a regular array from it using Array.from.… Every match is returned as an array with capturing groups (the same format as str.match without flag

For instance, when we create an array [1, 2, 3], the default new Array() constructor is used internally… before, Object.prototype has toString as well, but Array.prototype is closer in the chain, so the array… For instance, if we’re making an array-like object, we may want to copy some Array methods to it.… It doesn’t check if the object is indeed an array. Many built-in methods are like that.… __proto__ to Array.prototype, so all Array methods are automatically available in obj.

It has 3 working modes: If the regular expression has flag g, it returns an array of all matches:… If there’s no such flag it returns only the first match in the form of an array, with the full match… The array… If there are no matches, we don’t receive an empty array, but instead receive null.… part of the string before the match $' inserts a part of the string after the match $n if n is a 1-

And it can’t be both version 1 and 2.… A key must be one of these types – number, date, string, binary, or array.… In that case, by default, the index will treat the whole array as the key.… The price is not an array, so multiEntry flag is not applicable.… Then getAll will fail to get all records as an array. What to do?

JSON supports following data types: Objects { ... } Arrays [ ... ] Primitives: strings, numbers, boolean… If we pass an array of properties to it, only these properties will be encoded.… Fortunately, we can use a function instead of an array as the replacer.… can include other objects and arrays.… JSON supports plain objects, arrays, strings, numbers, booleans, and null.

For the start, let’s find the price from the string like 1 turkey costs 30€.… In our string that exactly matches the number 1.… Remember, str.match (without flag g) and str.matchAll (always) return matches as arrays with index property

The method comes in handy when we are iterating over elements (like in an array or something) and trying… As of now, its length is 1.… It’s like a fixed array of elements.… If we use it instead, then both scripts output 1:

But if we run the code, we see a totally different picture: USA (1) goes first then Switzerland (41)… So we see 1, 41, 44, 49. Integer properties? What’s that?… Summary.Objects are associative arrays with several special features.… There are many other kinds of objects in JavaScript: Array to store ordered data collections, Date to… Sometimes people say something like “Array type” or “Date type”, but formally they are not types of their

…But please note: the example above shows 1, then 2, and that’s all. It doesn’t show 3!… In the code above, ...generateSequence() turns the iterable generator object into an array… The error, thrown into the generator at line (2) leads to an exception in line (1)

, outputting goods from a list one after another or just running the same code for each number from 1… See for…of and iterables for looping over arrays and iterable objects. Otherwise, please read on.

code can be passed, but that’s not recommended. delay The delay before run, in milliseconds (1000 ms = 1… Each call remembers the real time from the previous one in the times array.

string, "arraybuffer" – get as ArrayBuffer (for binary data, see chapter ArrayBuffer, binary arrays… An XMLHttpRequest object travels them in the order 0 → 1

That’s the array of subprotocols, e.g. if we’d like to use SOAP or WAMP:… socket.readyState property with values: 0 – “CONNECTING”: the connection has not yet been established, 1

We can use either a regular expression or array functions to do that.… For instance, we can set the cookie to expire in 1 day:

Of course, Arrays are iterable.… Array-likes are objects that have indexes and length, so they look like arrays.… But an iterable may not be array-like. And vice versa an array-like may not be iterable.… a “real” Array from it.… use array methods on it.

They are supported for: Map Set Array Plain objects also support similar methods, but the syntax is… Object.values(obj) – returns an array of values.… Object.entries(obj) – returns an array of [key, value] pairs.… Use array methods on that array, e.g. map, to transform these key/value pairs.… Use Object.fromEntries(array) on the resulting array to turn it back into an object.

Built-in classes like Array, Map and others are extendable also.… of results using exactly arr.constructor, not basic Array.… If we’d like built-in methods like map or filter to return regular arrays, we can return Array in Symbol.species… For instance, Array extends Object.… But Array.

The two most used data structures in JavaScript are Object and Array.… Arrays allow us to gather data items into an ordered list.… Array destructuring.Here’s an example of how an array is destructured into variables:… However, the array itself is not modified.… of the remaining array elements.

Arrays are used for storing ordered collections. But that’s not enough for real life.… Besides that, Map has a built-in forEach method, similar to Array:… Object.entries: Map from Object.When a Map is created, we can pass an array… like to create a Map from it, then we can use built-in method Object.entries(obj) that returns an array… Not necessarily an array.

object with two properties: done – true when the reading is complete, otherwise false. value – a typed array… We gather response chunks in the array chunks.… At the end, we have chunks – an array of Uint8Array byte chunks.… there’s some code to do that: We create chunksAll = new Uint8Array(receivedLength) – a same-typed array… It’s a byte array though, not a string. To create a string, we need to interpret these bytes.

In the demo above they are labeled: 1, 2, 3. Build segments between control points 1 → 2 → 3.… The formula for a 2-points curve: P = (1-t)P1 + tP2 For 3 control points: P = (1−t)2P1 + 2(1−t)tP2… + t2P3 For 4 control points: P = (1−t)3P1 + 3(1−t)2tP2 +3(1−t)t2P3 + t3P4 These are vector equations… For instance, if control points are (0,0), (0.5, 1) and (1, 0), the equations become: x = (1−t)2 *… 0 + 2(1−t)t * 0.5 + t2 * 1 = (1-t)t + t2 = t y = (1−t)2 * 0 + 2(1−t)t * 1 + t2 * 0 = 2(1-t)t = –2t2 +

DOM collections.As we can see, childNodes looks like an array.… But actually it’s not an array, but rather a collection – a special array-like iterable object.… Array methods won’t work, because it’s not an array:… The second is tolerable, because we can use Array.from to create a “real” array from the collection,… if we want array methods:

…And with built-in classes like Array… That’s because Array prototypically inherits from Object.… boolean, it will be [object Boolean] For null: [object Null] For undefined: [object Undefined] For arrays… : [object Array] …etc (customizable).

\1.… Further in the pattern \1 means “find the same text as in the first group”, exactly the same quote in… Don’t mess up: in the pattern \1, in the replacement: $1 In the replacement string we use… a dollar sign: $1, while in the pattern – a backslash \1.

-(253-1), as we mentioned earlier in the chapter Data types.… Math.ceil Rounds up: 3.1 becomes 4, and -1.1 becomes -1.… -1 -1 -1.5 -2 -1 -1 -1 -1.6 -2 -1 -2 -1 These functions cover all of the possible ways to deal… It is one divided by ten 1/10, one-tenth.… A few examples: Math.random() Returns a random number from 0 to 1 (not including 1).

The x axis is the time: 0 – the start, 1 – the end of transition-duration.… That can be specified by the curve cubic-bezier(0, 0, 1, 1).… The linear is a shorthand for cubic-bezier(0, 0, 1, 1) – a straight line, which we described above.… The y is out of the “standard” range 0..1.… That is, the animation starts immediately and takes 1 step.

The 2 gets concatenated to '1', so it’s like '1' + 2 = "12" and "12" + 2 = "… For example, write (1 + 2) * 2. There are many operators in JavaScript.… Both of these statements do the same thing: increase counter by 1. Is there any difference?… So, the alert shows 1.… It’s like (a = 1 + 2), 3 + 4.

Here +a gives 1,… that’s compared with b + 1 in case, and the corresponding code is executed.… For 0, 1,

Here the flow is: The initial promise resolves in 1 second (*), Then the .then handler is called (**… As the result is passed along the chain of handlers, we can see a sequence of alert calls: 1 → 2 → 4.… So in the code above all alert show the same: 1.… So the output is the same as in the previous example: 1 → 2 → 4, but now with 1 second delay between… In the example above resolve(2) is called after 1 second (**).

BigInt.In JavaScript, the “number” type cannot safely represent integer values larger than (253-1) (that… ’s 9007199254740991), or less than -(253-1) for negatives.… store larger integers (up to 1.7976931348623157 * 10308), but outside of the safe integer range ±(253-1)… For most purposes ±(253-1) range is quite enough, but sometimes we need the entire range of really big… We can put anything in there: a variable like name or an arithmetical expression like 1 + 2 or something

new Date(milliseconds) Create a Date object with the time equal to number of milliseconds (1/… The date parameter is actually the day of month, if absent then 1 is assumed.… instance: The maximal precision is 1… ms (1/1000 sec):… It may be “2 Mar” or “1 Mar” in case of a leap-year. We don’t need to think about it.

To be precise, there are 2n-1, where n is the length of the sequence.… =(\w+))\1. Of course, we could take another pattern instead of \w.… Then the engine will memorize their contents …And allow us to reference it in the pattern as \1.… That is: we look ahead – and if there’s a word \w+, then match it as \1. Why?… =(\w+))\1 instead of \w, when we need to forbid backtracking for + after it.

That is: if we have two elements, the first has tabindex="1", and the second has tabindex=&… The switch order is: elements with tabindex from 1 and above go first (in the tabindex order), and then… That is, when we switch elements, elements with tabindex=0 go after elements with tabindex ≥ 1.… tabindex="-1" allows only programmatic focusing on an element.… The order is like this: 1

A number is a sequence of 1 or more digits \d.… So the regexp is \d{1,}:… Shorthands.There are shorthands for most used quantifiers: + Means “one or more”, the same as {1,

Usually, properties of an object or elements of an array… For instance, if we put an object into an array, then while the array is alive, the object will be alive

similar to Blob: fileParts – is an array… Please note: The input may select multiple files, so input.files is an array-like

We’ll make a numeric array that returns 0 for nonexistent values.… Usually when one tries to get a non-existing array item, they get undefined, but we’ll wrap a regular… Validation with “set” trap.Let’s say we want an array exclusively for numbers.… Array has no internal slots A notable exception: built-in Array doesn’t use internal slots… So there’s no such problem when proxying an array.

Sleep until a task appears, then go to 1.… Use-case 1: splitting CPU-hungry tasks.Let’s say we have a CPU-hungry task.… count does a part of the job (*), and then re-schedules itself (**) if needed: First run counts: i=1.… queued and then executes when part 1 finished, before the next part.… Go to step 1. To schedule a new macrotask: Use zero delayed setTimeout(f).

"Very plain" objects.As we know, objects can be used as associative arrays to store key/value… Now, if we intend to use an object as an associative array and be free of such problems, we can do it… …But that’s usually fine for associative arrays

instance, \d\s\w means a “digit” followed by a “space character” followed by a “wordly character”, such as 1… For us strings 1-5 and 1 - 5 are nearly identical.

Numeric conversion rules: Value Becomes… undefined NaN null 0 true and false 1… The conversion follows the rules: Value Becomes… undefined NaN null 0 true / false 1 / 0

know, JavaScript strings are based on Unicode: each character is represented by a byte sequence of 1-… \u{X…XXXXXX} X…XXXXXX must be a hexadecimal value of 1 to 6 bytes between 0 and 10FFFF (the highest code… That said, if we take from position 1