How can you tackle this issue without relying on 'arguments' and instead using the rest parameter syntax?

Question

How can you tackle this issue without relying on 'arguments' and instead using the rest parameter syntax?

My instructor mentioned that I can resolve this issue without utilizing arguments in const args, but through the use of ...rest I'm not very comfortable with this operator so I could use some guidance on it. Please incorporate rest and provide types to all parameters.

function deleteValues(arr: number[]) {
  const args = arr.slice.call(arguments,1);

  function remove(toDel: number) {
    return args.indexOf(toDel) === -1;
  }
  return arr.filter(remove);
}

const result = deleteValues([1, 2, 3, 1, 2, 3], 1, 3);
console.log(result);

(In this function, the second and any subsequent arguments remove themselves from the first argument. For example, using ([1, 2, 3, 1, 2, 3], 1, 3) would output [2, 2] after removing all instances of 1 and 3.)

javascript typescript

Answer 1

Answer №1

You have the option to utilize Rest syntax

function destroyer(arr, ...args) {
  function remove(toDel) {
    return args.indexOf(toDel) === -1
  }
  return arr.filter(remove)
}

const result = destroyer([1, 2, 3, 1, 2, 3], 1, 3)

console.log(result)

A more straightforward method

function destroyer(a, ...b) {
  return a.filter(x => !b.includes(x))
}

const result = destroyer([1, 2, 3, 1, 2, 3], 1, 3)

console.log(result)

Answer 2

You have the option to utilize Rest syntax

function destroyer(arr, ...args) {
  function remove(toDel) {
    return args.indexOf(toDel) === -1
  }
  return arr.filter(remove)
}

const result = destroyer([1, 2, 3, 1, 2, 3], 1, 3)

console.log(result)

A more straightforward method

function destroyer(a, ...b) {
  return a.filter(x => !b.includes(x))
}

const result = destroyer([1, 2, 3, 1, 2, 3], 1, 3)

console.log(result)

How can you tackle this issue without relying on 'arguments' and instead using the rest parameter syntax?

Answer №1

You have the option to utilize Rest syntax

A more straightforward method

Similar questions

What is the best way to implement an Angular application within the child routes of another Angular application?

Using inline SVG in a Vite production build

Difficulty replicating 3 input fields using JavaScript

Using the innerHTML property to place an Img tag within a div element

Tips for refreshing a table component after receiving a notification from a WebSocket in React JS

The type 'ssr' is not found within the 'ResourcesConfig | LegacyConfig | AmplifyOutputs' interface. Error code: ts(2353)

Increase the progress bar at regular intervals of x seconds

Using `appendChild` in combination with `createElement`

Adding an object array to a new array - Step by step guide

Retrieve the row id from the table by clicking on a button in a modal box using jQuery

Exploring TypeScript: Implementing a runtime data mapping in place of an interface

How can an array be generated functionally using properties from an array of objects?

Utilizing custom emitted events as props for a newly created component within VueJs

Checking the list box and radio button using JavaScript based on their respective IDs

The JQuery function assigning a value of 0 to the selectedIndex property is not functioning properly across all selected fields

How can I create automated tests for a Vue.js Tailwind CSS application using Cypress?

The image is loaded correctly through the image picker, however, it is not displaying on the screen

Utilize the filtering feature within the Vue select module

Retrieve a file from an AWS S3 bucket using AngularJS

Error loading .OBJ files in Three.js on Azure, but works fine locally