javascriptarraysarraylistmovearray-splice

How to move an element in 2D array between other arrays ? Javascript

Example of the array:

let arr = [
  [1, 1, 1, 1],
  [2, 2, 2, 2],
  [3, 3, 3, 0],
];

I want to be able to move the '0' left, right, up and down.

for example moving the '0' element up:

[
  [1, 1, 1, 1],
  [2, 2, 2, 0], //<---
  [3, 3, 3, 2],
];

I have been able to move the element LEFT and RIGHT with a function as shown below:

function changePosition(arr, from, to) {
  arr.splice(to, 0, arr.splice(from, 1)[0]);
  return arr;
}

I'd like to some how move the element UP and DOWN. I would appreciate a hand on this code since I haven't found much on the internet.

Solution

  • you can do something like this 

    let arr = [
  [1, 1, 1, 1],
  [2, 2, 2, 2],
  [3, 3, 3, 0],
];

const findPos = () => {
  const y = arr.findIndex(a => a.includes(0))
  return [arr[y].indexOf(0), y]
}

const up = () => {
  const [x, y] = findPos()
  if (y <= 0) {
    return;
  }
  let temp = arr[y - 1][x]
  arr[y - 1][x] = 0
  arr[y][x] = temp

}

const down = () => {
  const [x, y] = findPos()
  if (y >= arr.length - 1) {
    return;
  }
  let temp = arr[y + 1][x]
  arr[y + 1][x] = 0
  arr[y][x] = temp
}

const left = () => {
  const [x, y] = findPos()
  if (x <= 0) {
    return;
  }
  let temp = arr[y][x -1]
  arr[y][x - 1] = 0
  arr[y][x] = temp
}

const right = () => {
  const [x, y] = findPos()
  if (x >= arr[y].length - 1) {
    return;
  }
  let temp = arr[y][x + 1]
  arr[y][x + 1] = 0
  arr[y][x] = temp
}

console.log(arr, findPos())
up()
console.log(arr, findPos())
left()
console.log(arr, findPos())
down()
console.log(arr, findPos())