JSFiddle - React, Tailwind, and code Playground

by 533135

HTML

<<b>add/edit/deleteing elements from an array<br>
    1.array of integers   /  strings   /   objects
</b><br><p></p>

JavaScript

$(document).ready(function(){
    //plugins
     $.addToArray = function(settings){
        	  var newArr = settings.Array ? settings.Array :[]; 
         	  var addArr =  settings.adds ? settings.adds :[]; 
         	  return newArr.concat(addArr);
          };
     $.editanArray = function(settings){
        	  var newArr = settings.Array ? settings.Array :[]; 
         	  var oldVal  =  settings.edits ? settings.edits.oldVal :"";
         	  var newVal  =  settings.edits ? settings.edits.newVal :"";
         	  var editAll = true;
         	  try{
         		  editAll  =  settings.editAllInstances;
         	  }
         	  catch(e){
         		 editAll = true;
         	  }
        	  
         	  for(var i in newArr)
         	  {
         		  if($.compare(newArr[i],oldVal)){
         			 newArr.splice(i,1,newVal);
         			 if(!editAll) break;
         		  }
         	  }
         	 return newArr;
          };
  $.realSorter = function(a,b){
        	  return a > b ;
          };
          $.uniqueArray = function(arr){
             var thisArr = jQuery.makeArray(arr);
      			thisArr.sort();
      			arr = $.map(thisArr,function(elem,i){
      				var flg=false;
      				if(i==0){$prev = elem; return elem;}
      				else{
      				if(!$.compare($prev, elem))
      					flg= true;
      				$prev = elem;
      				if(flg) return elem;
      				}
      			});
      			return arr;
      	};
      	$.compare = function(a,b){
      		var res = false;
      		if(typeof(a) == "object" && typeof(b)== "object"){
      		for(var i in a)
      		{
      			if(a[i] == b[i]) 
      			{
      				res= true;
      			}
      			else
      				{
      				 res = false;
      				 break;
      				}
      		}
      		}
      		else  if(typeof(a) == "object" && typeof(b)!= "object") res = false;
      		else  if(typeof(a) != "object" && typeof(b)== "object") res = false;
      		else{
      			if(a == b)
      				res = true;
      		}
      		return res;
     ...