Skip to main content

polyfill for map and filter method in javascript

working link==>https://stackblitz.com/edit/js-wpw67a



//check out filter map and reduce once


//create your own map function or polyfill for map
//map callback accept three parameter one value second index and third one is a current array

//create a polyfill for map function
Array.prototype.myMap=function(callBack)
{
if(typeof callBack != "function")
{
throw new TypeError();
}
var newArray=[];
for(var i=0;i<this.length;i++)
{
//this is current Array
//i is index
//this[i] is current item
newArray.push(callBack.apply(null,[this[i],i,this]));
}
return newArray;
}

var myArray=[1,2,3,4,5];
var newArray=myArray.myMap((value,index)=>{
return value*index;
})
console.log(newArray);


//now polyfill for filter which accept three parameter one value second index and third one is a current array

Array.prototype.myFilter=function(callBack)
{
if(typeof callBack != "function")
{
throw new TypeError();
}
var newArray=[];
for(var i=0;i<this.length;i++)
{
if(callBack.apply(null,[this[i],i,this]))
{
newArray.push(this[i]);
}
}
return newArray;
}

//example first-----------------------------
var myArray1=[1,2,3,4,5];

var newArray1=myArray1.myFilter((value,index)=>{
return value>2;
})
console.log(newArray1);

//let other example

var strs=["manish","deep","seema","ok","opps"];
//return only names which contain 5 or more letter

var newNames=strs.myFilter((value)=>{
return value.length>=5;
})

Comments

Popular posts from this blog

Better Memory management with PixiJS or How to manage cpu and cpu memory in PixiJS.

PixiJS is my favorite framework when i am looking for a web games specially for mobile or desktop  PixiJS is fast blazing fast and you can get a decent FPS even on older device.   so here is my optimization techniques for PixiJs 1. manage your sprites in a better way use spritesheet to reduce the draw calls create big sprite sheet which contain multiple sprites can be draw in gpu with a single draw call. use TexturePacker  https://www.codeandweb.com/texturepacker  best tool when its comes to spritesheet 2. for floating point calculation round off calculation for example let  speed = 0.75 ; let  position = 100 ; console . log ( Math . round ( speed * position )) 3. don't create very big canvas when u need a big canvas size game just try to create a small canvas and translate it. 4. its very important one managing TextureCache in memory you can get all TextureCache list by using  Object.entries(PIXI.utils.TextureCache); so even you use ap...

adding particles Effect in pixijs using https://pixijs.io/pixi-particles-editor/

adding particle in pixijs is very easy using the below tool more information can be found below https://github.com/pixijs/pixi-particles https://pixijs.io/pixi-particles-editor/ required packages  /// < reference path = "node_modules/pixi-particles/ambient.d.ts" /> import 'pixi-particles' code of particle delcare a     global variable   private emitter ?: Emitter ; const img = PIXI . Texture . from ( "./assets/images/particle.png" ); this . emitter = new Emitter ( this ,[ img ],{ "alpha" : { "start" : 0.62 , "end" : 0.39 }, "scale" : { "start" : 0.1 , "end" : 0.9 , "minimumScaleMultiplier" : 1.25 }, "color" : { "start" : "#ffff8f" , "end" : ...