La forma más inmediata que se me ocurre de obtener un `array` a partir de otro es usar `Array.map()`.

De esta forma, teniendo el array

```js
const data: [
  {cant: 1, producto: "ZAPATOS"},
  {cant: 9, producto: "CAMISAS"},
  {cant: 30, producto: "ZAPATOS"}
];
```
Podrías generar un nuevo `array` con la forma que tu deseas aplicando cada uno de los objetos.

Te dejo una muestra de código:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    const data = [
      {cant: 1, producto: "ZAPATOS"},
      {cant: 9, producto: "CAMISAS"},
      {cant: 30, producto: "ZAPATOS"}
    ];

    const myParsedData = data.map(obj => [obj.producto, obj.cant])

    console.log(myParsedData)

<!-- end snippet -->

Ahora bien, si, como veo en tu pregunta, si tienes productos repetidos con cantidades diferentes, quizá deberías combinar métodos. 

Por ejemplo así:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    const data = [ 
      {cant: 1, producto: "ZAPATOS"},
      {cant: 9, producto: "CAMISAS"},
      {cant: 30, producto: "ZAPATOS"}
    ];

    const myParsedData = [];

    data.forEach(el => {
      const elementInParsedData = myParsedData.find(pos => pos[0] === el.producto);
      
      if(elementInParsedData === undefined){
        myParsedData.push([el.producto, el.cant]);
      } else {
        elementInParsedData.push(el.cant);
      }
    });

    console.log(myParsedData)

<!-- end snippet -->

En este caso, lo que hago es lo siguiente:

- Declaro un `Array` vacío 
- Itero usando el método `forEach()` realizando en cada paso lo siguiente
 - Se comprueba si ya existe un elemento con el valor de `producto` ya existe en el nuevo Array.
 - Si no existe, se añade al nuevo Array un elemento cuya posición `0` es el valor `producto` y cuya posición `1` es `cant`.
 - Si existe, al elemento en cuestión se le añade una nueva posición con la `cant` del elemento actual.

Y obtengo como resultado el array que dices esperar.