I have two string arrays in my typescript app:
public play: Array<string> = [];
public scene: Array<string> = ['gittare','saxsophone','drum'];
I want to push one element like 'gittare' to play array and remove it from scene element:
this.play.push('gittare');
console.log(this.play);
this.scene.splice(this.scene.indexOf('gittare'));
console.log(this.scene);
I expect in the console, I see the ['saxsophone','drum'], but it gives me [].
How can I fix it?
tell splice how many items to remove.
this.scene.splice(this.scene.indexOf('gittare'),1);
Raw JS:
const fruits = ['Apple', 'Mango', 'Banana'];
console.log(fruits);
const index = fruits.indexOf('Mango');
if (index > -1) {
fruits.splice(index, 1);
}
// fruits = ['Apple', 'Banana']
console.log(fruits);
Using lodash:
install lodash at first and then use the following,
npm install lodash
import _ from 'lodash';
const removed = _.remove(fruits, (n)=> n==='Mango');
console.log(fruits);
// => ['Apple', 'Banana']
console.log(removed);
// => ['Mango']
See lodash documentation https://lodash.com/docs/4.17.15#remove
Just update
this.scene.splice(this.scene.indexOf('gittare'));
to
this.scene.splice(this.scene.indexOf('gittare'), 1);
splice. Note carefully the description of what happens when the second parameter is omitted. Also, this has nothing to do with TypeScript. It's pure JavaScript as it has existed since the turn of the century.