How would I loop through an array in Javascript, add a word, then return an array (without using map)?

Question

How would I loop through an array in Javascript, add a word, and then return an array (without using map)?

var convertToBaby = (array) => {
  for (var i =0; i < array.length; i++) {
    console.log('baby '+ array[i]);
  }
};

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];
convertToBaby(animals);

/*Returns 

baby panda
baby turtle
baby giraffe
baby hippo
baby sloth
baby human */

// Should return ['baby panda', 'baby turtle', 'baby giraffe', 'baby hippo', 'baby sloth', 'baby human'];

Create a new array const babies = []; then push() to it instead of logging. — user5734311
– user5734311, Commented Jul 20, 2020 at 0:13
@girkovArpa It's for a Codecademy project not allowing methods! — Carrie
– Carrie, Commented Jul 20, 2020 at 1:33
So using .push() is allowed, I assume, given that it's still a method? — user5734311
– user5734311, Commented Jul 20, 2020 at 8:54

sonEtLumiere · Accepted Answer · 2020-07-20 00:16:21Z

1

maybe this

var convertToBaby = (array) => {
    let arr = [];
    for (var i =0; i < array.length; i++) {
    arr.push('baby '+ array[i])
    }
    console.log(arr);
    return arr;
  
};

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];
convertToBaby(animals);

answered Jul 20, 2020 at 0:16

sonEtLumiere

4,6223 gold badges15 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GirkovArpa · Accepted Answer · 2020-07-20 00:19:39Z

1

You can (ab)use reduce to return a new array matching the criterion you specified:

const array = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];

const newArr = array.reduce((newArr, anim) => !newArr.push('baby ' + anim) || newArr, []);

console.log(newArr);// ['baby panda', 'baby turtle', 'baby giraffe', 'baby hippo', 'baby sloth', 'baby human']

answered Jul 20, 2020 at 0:19

GirkovArpa

5,1015 gold badges19 silver badges52 bronze badges

Comments

Unmitigated · Accepted Answer · 2020-07-20 00:27:16Z

1

You can push the modified elements to a new array using forEach.

var convertToBaby = (array) => {
  const res = [];
  array.forEach(x => res.push('baby ' + x));
  return res;
};
const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];
console.log(convertToBaby(animals));

answered Jul 20, 2020 at 0:27

Unmitigated

91.5k12 gold badges103 silver badges109 bronze badges

2 Comments

Carrie Over a year ago

Thank you @hev1 this is the code I ended up using! It makes sense to me. TY

Unmitigated Over a year ago

@Carrie No problem.

Sven.hig · Accepted Answer · 2020-07-20 00:53:52Z

1

You could use forEach or reduce to pass the new values to a new array without mutating the original array

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];
var newarray=[]
animals.forEach(element=>newarray.push("baby "+element))
console.log(newarray)

However if the reason why you don't want to use map it's because you don't want to make a new array and want to mutate the initial array you could splice each element and replace it with the new element but I don't recommend it

 const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];
 for(let i=0;i<animals.length;i++){
        el="baby "+animals[i] 
        animals.splice(i,1)
        animals.unshift(el)
 }
console.log(animals.reverse())

edited Jul 20, 2020 at 0:53

answered Jul 20, 2020 at 0:39

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

2 Comments

Carrie Over a year ago

It works, thank you! I'm not familiar with 'unshift' but I like it! TY

Sven.hig Over a year ago

would you mind accepting my answer if it helped making your code work

Carrie · Accepted Answer · 2020-07-20 01:54:36Z

0

const convertToBaby = arr => {
      const babyArray = [];
      for (let i = 0; i < arr.length; i++) {
            babyArray.push('baby ' + arr[i]);
      }
      return babyArray;
};

const animals = ['panda', 'turtle', 'giraffe', 'hippo', 'sloth', 'human'];


convertToBaby(animals);

edited Jul 20, 2020 at 1:54

answered Jul 20, 2020 at 1:42

Carrie

334 bronze badges

1 Comment

Carrie Over a year ago

This ended up being the simplest code, a combination of a few ideas! Thank you!

Collectives™ on Stack Overflow

How would I loop through an array in Javascript, add a word, then return an array (without using map)?

5 Answers 5

Comments

Comments

2 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related