freeCodeCamp/remove-elements-from-an-array-using-slice-instead-of-splice.english.md at 6a9f459a42357591c9c6ff396bd0f237292dd131

gaspersic/freeCodeCamp

Fork 0

Files

.github

api-server

client

config

curriculum

challenges

_meta

arabic

chinese

english

01-responsive-web-design

02-javascript-algorithms-and-data-structures

basic-algorithm-scripting

basic-data-structures

basic-javascript

debugging

es6

functional-programming

add-elements-to-the-end-of-an-array-using-concat-instead-of-push.english.md

apply-functional-programming-to-convert-strings-to-url-slugs.english.md

avoid-mutations-and-side-effects-using-functional-programming.english.md

combine-an-array-into-a-string-using-the-join-method.english.md

combine-two-arrays-using-the-concat-method.english.md

implement-map-on-a-prototype.english.md

implement-the-filter-method-on-a-prototype.english.md

introduction-to-currying-and-partial-application.english.md

learn-about-functional-programming.english.md

pass-arguments-to-avoid-external-dependence-in-a-function.english.md

refactor-global-variables-out-of-functions.english.md

remove-elements-from-an-array-using-slice-instead-of-splice.english.md

return-a-sorted-array-without-changing-the-original-array.english.md

return-part-of-an-array-using-the-slice-method.english.md

sort-an-array-alphabetically-using-the-sort-method.english.md

split-a-string-into-an-array-using-the-split-method.english.md

understand-functional-programming-terminology.english.md

understand-the-hazards-of-using-imperative-code.english.md

use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.english.md

use-the-filter-method-to-extract-data-from-an-array.english.md

use-the-map-method-to-extract-data-from-an-array.english.md

use-the-reduce-method-to-analyze-data.english.md

use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.english.md

intermediate-algorithm-scripting

javascript-algorithms-and-data-structures-projects

object-oriented-programming

regular-expressions

03-front-end-libraries

04-data-visualization

05-apis-and-microservices

06-information-security-and-quality-assurance

08-coding-interview-prep

09-certificates

portuguese

russian

spanish

formattingConversion

math-challenges

requiresTests

schema

test

.babelrc

.editorconfig

.npmignore

.travis.yml

CHANGELOG.md

LICENSE.md

commitizen.config.js

commitlint.config.js

create-challenge-bundle.js

getChallenges.js

gulpfile.js

index.js

lib.js

md-translation.js

package-entry.js

package-lock.json

package.json

utils.js

docs

guide

mock-guide

tools

.editorconfig

.eslintignore

.eslintrc.json

.gitattributes

.gitignore

.node-inspectorrc

.prettierrc

.snyk

.travis.yml

.vcmrc

CODE_OF_CONDUCT.md

CONTRIBUTING.md

Dockerfile.tests

LICENSE.md

README.french.md

README.italian.md

README.md

change_volumes_owner.sh

docker-compose-shared.yml

docker-compose.tests.yml

docker-compose.yml

lerna.json

netlify.toml

package-lock.json

package.json

sample.env

Valeriy 79d9012432 fix(curriculum): quotes in tests (#18828 )

* fix(curriculum): tests quotes

* fix(curriculum): fill seed-teardown

* fix(curriculum): fix tests and remove unneeded seed-teardown

2018-10-20 23:32:47 +05:30

3.2 KiB

Raw Blame History

id, title, challengeType

id	title	challengeType
9d7123c8c441eeafaeb5bdef	Remove Elements from an Array Using slice Instead of splice	1

Description

A common pattern while working with arrays is when you want to remove items and keep the rest of the array. JavaScript offers the splice method for this, which takes arguments for the index of where to start removing items, then the number of items to remove. If the second argument is not provided, the default is to remove items through the end. However, the splice method mutates the original array it is called on. Here's an example:

var cities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
cities.splice(3, 1); // Returns "London" and deletes it from the cities array
// cities is now ["Chicago", "Delhi", "Islamabad", "Berlin"]

As we saw in the last challenge, the slice method does not mutate the original array, but returns a new one which can be saved into a variable. Recall that the slice method takes two arguments for the indices to begin and end the slice (the end is non-inclusive), and returns those items in a new array. Using the slice method instead of splice helps to avoid any array-mutating side effects.

Instructions

Rewrite the function nonMutatingSplice by using slice instead of splice. It should limit the provided cities array to a length of 3, and return a new array with only the first three items. Do not mutate the original array provided to the function.

Tests

tests:
  - text: Your code should use the <code>slice</code> method.
    testString: assert(code.match(/\.slice/g), 'Your code should use the <code>slice</code> method.');
  - text: Your code should not use the <code>splice</code> method.
    testString: assert(!code.match(/\.splice/g), 'Your code should not use the <code>splice</code> method.');
  - text: The <code>inputCities</code> array should not change.
    testString: assert(JSON.stringify(inputCities) === JSON.stringify(["Chicago", "Delhi", "Islamabad", "London", "Berlin"]), 'The <code>inputCities</code> array should not change.');
  - text: <code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.
    testString: assert(JSON.stringify(nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])) === JSON.stringify(["Chicago", "Delhi", "Islamabad"]), '<code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.');

Challenge Seed

function nonMutatingSplice(cities) {
  // Add your code below this line
  return cities.splice(3);

  // Add your code above this line
}
var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
nonMutatingSplice(inputCities);

Solution

// solution required

3.2 KiB Raw Blame History