移除<p>使用 javascript 从数组中标记</p>

Question

I have an array as ["<p>123</p>", "<p>124</p>", "<p>125</p>"] and i want to remove the <p> tags as below.

[123, 124, 125] 

I'm expecting it to be a dynamic function to handle the same using javascript. Please help me to resolve the same.

Answer 1

 let output = ["<p>123</p>", "<p>124</p>", "<p>125</p>"].map( item => parseInt(item.replace("<p>", "").replace("</p>", ""))); console.log(output);

Answer 2

I would either extract the numbers or replace the tags.

I added examples for both. And I added parseInt , because I assume you want to have integers in the end. If you want to have strings, just remove it.

Here is an example with replacing the tags:

 let data = ["<p>123</p>", "<p>124</p>", "<p>125</p>"] let result = data.map(x => parseInt(x.replace(/<\/?p>/g, ""))); // Note: for any tags, you could use the regex /<\/?.+?>/g instead console.log(result);

And another example extracting the numbers:

 let data = ["<p>123</p>", "<p>124</p>", "<p>125</p>"] let result = data.map(x => parseInt(x.replace(/\D*(\d+)\D*/g, "$1"))); console.log(result);

Answer 3

Slicers

 const data = ["<p>123</p>", "<p>124</p>", "<p>125</p>"] const result = data.map(x => parseInt(x.slice(3,x.length-3))); console.log(result);

Answer 4

You could use .replace() with a regular expression to capture the <p> and </p> strings and remove them with the following regex:

/<\/?p>/g

Regex test

 let data = [ "<p>123</p>", "<p>124</p>", "<p>125</p>" ]; let result = data.map(el => el.replace(/<\/?p>/g, "")); console.log(result);