Problem in splice() event in javascript.(Help)![Solved]

Question

Here is a sample code of mine😇,and as u could see it displays circle particles which shrink...so I want to delete the particles when they are less that 0.3 in size....I have it by splice() but it does not work......
Please change the splice() event to a proper working way which is inside handleParticles function....and aslo I have marked with a commented line on where I need to be changed ...
So please give me a solution on how to fix it..
------------------
(For further understanding)
I need the particles to be deleted when the are less than or equal to 0.3 in size...so I've made a splice event on particleshandle function...but it does not work....so please give me an answer...😇
Hope u understand!😁

https://code.sololearn.com/W6lbAcSG4n5e/?ref=app

Answer 1

works for me:

https://code.sololearn.com/W9KueimlyIdB/?ref=app

Answer 2

as you want to delete items while iterating, you must reverse iterate, else indexes will be modified as soon as a first item is removed:

function handleParticles(){
// for(let i = 0; i < particlesArray.length; i++){
let i=particlesArray.length;
while (i--) {
// your code

Answer 3

Thank u,it works perfectly 😊👍😇

Answer 4

Still didn't work🤕!

Answer 5

Umm,but they still particles could be seen tiny .....I want them to deleted....😇?

Answer 6

I could still see them when in 0.1 size...so I want that also to reduce(deleted so cannot see those)

Answer 7

updated my code:

you must check particlesArray[i].size rather than particlesArray[i], and only update/draw if check is false...