Skip to main content

Javascript interview questions set 3

 


For set 2 please refer to the Javascript interview question set 2.

Let's begin with set 3,

5)Different Array methods?

a)Array map() Method?
.map() It is used when you want to transform elements in an array.
The map() method creates a new array with the results of calling a function for every array element.

The map() method calls the provided function once for each element in an array, in order.

Note: this method does not change the original array.
Ex:var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)

function myFunction(num) {
  return num * 10;
}


b)When to use the filter method?
.filter()  when you want to select a subset of multiple elements from an array.
The filter() method creates an array filled with all array elements that pass a test (provided as a function).
Note: filter() does not change the original array.
Ex:
var ages = [32, 33, 16, 40];

function checkAdult(age) {
  return age >= 18;
}
ages.filter(checkAdult);


c)When to use find()?
.find() When you want to select a single element from an array.
The find() method returns the value of the first element in an array that pass a test (provided as a function).
Note: find() does not change the original array.

Ex:
var ages = [3, 10, 18, 20];

function checkAdult(age) {
  return age >= 18;
}
ages.find(checkAdult);


d)When to use reduce() and reduceRight()?
.reduce() when you want to derive a single value from multiple elements in an array
The reduce() method reduces the array to a single value.

The reduce() method executes a provided function for each value of the array (from left-to-right).

The return value of the function is stored in an accumulator (result/total).

Note: this method does not change the original array.
Ex:
var numbers = [175, 50, 25];

numbers.reduce(myFunc);

function myFunc(total, num) {
  return total - num;
}

The reduceRight() method reduces the array to a single value.

The reduceRight() method executes a provided function for each value of the array (from right-to-left).

The return value of the function is stored in an accumulator (result/total).
var numbers = [175, 50, 25];

numbers.reduceRight(myFunc);

function myFunc(total, num) {
  return total - num;
}

e)When to use every()?
The every() method checks if all elements in an array pass a test (provided as a function).

The every() method executes the function once for each element present in the array:

If it finds an array element where the function returns a false value, every() returns false (and does not check the remaining values)
If no false occur, every() returns true
Note: every() does not change the original array
Ex:
var ages = [32, 33, 16, 40];

function checkAdult(age) {
  return age >= 18;
}
ages.every(checkAdult);

f)Difference between for loop and forEach loop?
When using the .forEach() you pass an individual function with it’s own scope.
In a for loop you’re polluting whatever scope you place the loop in.
Ex of forEach:
var array = [1,2,3];
array.forEach(function(i){
  console.log(i);
});



I hope you like this article. Please stay connected for set 4.

You can also follow me on Twitter or Linkedin for the latest updates.

Written By:

Saurabh Joshi

Comments

Post a Comment

Popular posts from this blog

Globant part 1

 1)call,apply,bind example? Ans: a. call Method: The call method is used to call a function with a given this value and arguments provided individually. Javascript code: function greet(name) {   console.log(`Hello, ${name}! I am ${this.role}.`); } const person = {   role: 'developer' }; greet.call(person, 'Alice'); // Output: Hello, Alice! I am developer. In this example, call invokes the greet function with person as the this value and passes 'Alice' as an argument. b. apply Method: The apply method is similar to call, but it accepts arguments as an array. Javascript code: function introduce(language1, language2) {   console.log(`I can code in ${language1} and ${language2}. I am ${this.name}.`); } const coder = {   name: 'Bob' }; introduce.apply(coder, ['JavaScript', 'Python']); // Output: I can code in JavaScript and Python. I am Bob. Here, apply is used to invoke introduce with coder as this and an array ['JavaScript', 'Pyt...
Post a Comment
Read more

Node.js: Extract text from image using Tesseract.

In this article, we will see how to extract text from images using Tesseract . So let's start with this use-case, Suppose you have 300 screenshot images in your mobile which has an email attribute that you need for some reason like growing your network or for email marketing. To get an email from all these images manually into CSV or excel will take a lot of time. So now we will check how to automate this thing. First, you need to install Tesseract OCR( An optical character recognition engine ) pre-built binary package for a particular OS. I have tested it for Windows 10. For Windows 10, you can install  it from here. For other OS you make check  this link. So once you install Tesseract from windows setup, you also need to set path variable probably, 'C:\Program Files\Tesseract-OCR' to access it from any location. Then you need to install textract library from npm. To read the path of these 300 images we can select all images and can rename it to som...
1 comment
Read more

CSS INTERVIEW QUESTIONS SET 2

  You make also like this CSS interview question set 1. Let's begin with set 2, 5)What is the difference between opacity 0 vs display none vs visibility hidden? Property           | occupies space | consumes clicks | +--------------------+----------------+-----------------+ | opacity: 0         |        yes      |        yes       | +--------------------+----------------+-----------------+ | visibility: hidden |        yes       |        no        | +--------------------+----------------+-----------------+ | display: none      |        no       |        no        | When we say it consumes click, that means it also consumes other pointer-events like onmousedown,onmousemove, etc. In e...
Post a Comment
Read more