How to search inside array in reactjs

Question

i want to search in array to find something

this is my array in this.state

materialUnits: [
                    {
                        unitID: '',
                        barcodeNo: '',
                        salePrice: '',
                        vatValue: '',
                        isdefault: '',
                        rate: ''
                    }
                ]

then in if condition something like this

const value = "1";
const searcharray = this.state.materialUnits.filter(data => {
  return data.isdefault === value;
});

if (searcharray.length === 0) {
  //do something
} else {
  alert("cant 2 defaults");
}

How about using Array.prototype.find or Array.prototype.findIndex? — apokryfos
– apokryfos, Commented Jun 18, 2019 at 12:11
Just FYI, that is an object inside of an array (an array with one item) — symlink
– symlink, Commented Jun 18, 2019 at 20:38

wfreude · Accepted Answer · 2019-06-18 12:21:12Z

3

return materialUnits.find(item => item.isdefault !== 1);

edited Jun 18, 2019 at 12:21

answered Jun 18, 2019 at 12:15

wfreude

5083 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Isaac Suarez · Accepted Answer · 2019-06-18 13:03:17Z

2

return !materialUnits.filter(item => item.isdefault == 1).length > 0;

edited Jun 18, 2019 at 13:03

Isaac Suarez

845 bronze badges

answered Jun 18, 2019 at 12:12

Sina

1,1451 gold badge11 silver badges26 bronze badges

1 Comment

wfreude Over a year ago

I would recommend not using the double equal == but rather the triple equal operator ===.

Engineer · Accepted Answer · 2019-06-18 12:19:26Z

1

var materialUnits =  [
	{
		unitID: '1',
		barcodeNo: '1',
		salePrice: '1',
		vatValue: '1',
		isdefault: '1',
		rate: '1'
	},
	{
		unitID: '2',
		barcodeNo: '2',
		salePrice: '2',
		vatValue: '2',
		isdefault: '2',
		rate: '2'
	}
];

function filterData(data){
  return data.isdefault === '1' ? false: true;
}

console.log(materialUnits.filter(filterData));

answered Jun 18, 2019 at 12:19

Engineer

1,26111 silver badges18 bronze badges

Comments

adel · Accepted Answer · 2019-06-18 12:53:47Z

1

function Test (){
    const [materialUnits,setmaterialUnits] = React.useState([
      {
          unitID: '',
          barcodeNo: '',
          salePrice: '',
          vatValue: '',
          isdefault: '1',
          rate: ''
      },
                 {
          unitID: '',
          barcodeNo: '',
          salePrice: '',
          vatValue: '',
          isdefault: '2',
          rate: ''
      },
  ]);
  const [arrayfilter,setfiltearray] =  React.useState(materialUnits);
  
  // call function on input change to filter the array
 
  function filterarray(value){
if(value!==""){
  var newarray =  materialUnits.filter(data=>{return(data.isdefault === value)});
  console.log(newarray)
  setfiltearray(newarray)
}
else{
  setfiltearray(materialUnits)
}

  }

//conditional render depending on  array filtration

  function renderUnit(){
    if(arrayfilter.length===0){
      return(<div>Not found</div>)
    }
    else{
      var units = arrayfilter.map((data,key)=>{return(<div key={key}>{data.isdefault}</div>)})
      return units;
    }
  }
  return(
    <div>
<input type ="text" onChange={e=>filterarray(e.target.value)}/>
{renderUnit()}
</div>
  )
  }

edited Jun 18, 2019 at 12:53

answered Jun 18, 2019 at 12:19

adel

3,5051 gold badge10 silver badges20 bronze badges

2 Comments

isso kd Over a year ago

how to use it like if it is not exist then do something if yes alert

adel Over a year ago

well this similar for what u trying to do here i used react hooks !

Collectives™ on Stack Overflow

How to search inside array in reactjs

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related