使用地圖和分割與React JS陣列重複和格式問題JS

Question

我正在獲取公共照片的Flickr api並消費一些不同的結果。

當提取作者時，它會在所有內容前添加「nobody@flickr.com（」作者「），我已經設法將上半部分'nobody@flickr.com（」'，但遇到了。另一半的想法只是搶筆者在引號之間：

nobody@flickr.com（「作家」）

另一部分是照片顯示了兩次因某種原因有什麼想法？

let output = this.props.posts.map(e => e.author.split('nobody@flickr.com ("').map(f => <li><img src={e.media.m}/><h3>{f}</h3></li>)); 

回答如果有人需要DS是：

const regex = /(?:"[^"]*"|^[^"]*$)/; 
    let output = this.props.posts.map((e, index) => <li key={index}><img src={e.media.m}/><h3>{e.author.match(regex)[0].replace(/"/g, "")}</h3></li>); 

Answer 1

您可以使用正則表達式來實現這一點，這是一個不太繁瑣的比使用split：

const author = 'nobody@flickr.com (" author ")'; 
 
const name = 'nobody@flickr.com (" John Doe ")'; 
 
const regex = /\(" (.*?) "\)/; 
 

 
console.log(
 
    author.match(regex)[1] 
 
); 
 

 
console.log(
 
    name.match(regex)[1] 
 
);

因此，對於您的代碼片段：

const regex = /\(" (.*?) "\)/; 
let output = this.props.posts.map(e => <li><img src={e.media.m}/><h3>{e.author.match(regex)[1]}</h3></li>);