我正在尝试创建一个名为 addTrack 的方法,具有以下功能:
如果我使用代码 #1 而不是代码 #2,会有什么区别?
PlaylistTracks 在构造函数中定义如下:
playlistTracks: [{ name: 'name1', artist: 'artist1', album: 'album1', id: 1 },
{ name: 'name2', artist: 'artist2', album: 'album2', id: 2 },
]
Code #1
addTrack(track){
if (this.state.playlistTracks.includes(this.props.track.id)) {return;}
else {this.state.playlistTracks.push(track);
this.setState({playlistTracks:this.state.playlistTracks});
}
}
Code #2
addTrack(track) {
if (this.state.playlistTracks.find(savedTrack => savedTrack.id===track.id) {return;}
else {return this.state.playlistTracks.push(track);}
this.setState(playlistTracks:this.state.playlistTracks)}
array.includes
如果该值存在或不存在,则仅返回 true 或 false
array.find
将为您找到数组中的特定项目
e.g.
[1,2,3].includes(1) // returns true
[1,2,3].includes(4) // returns false
[1,2,3].find(i => i === 1) // returns 1
[1,2,3].find(i => i === 5) // returns undefined
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)