https://jsfiddle.net/20170808.
how can I output the following format:
/ / Wang Junkai Wang Yuan Yi Qianxi
/ / Jolin Tsai
/ / Gillian sa
var data = [
{
singer: [
{name: "",age: 18},
{name: "",age: 20},
{name: "",age: 18}]},
{
singer: [{name: "",age: 33}]},
{
singer: [
{name: "",age: 31},
{name: "Sa",age: 30}]
}]
data.forEach((item) => {
item.singer.forEach(v=>{
console.log(v.name)
})
});
//
//
//
//
//
//Sa
()
//
//
// Savar data = [
{
singer: [
{name: '',age: 18},
{name: '',age: 20},
{name: '',age: 18}]},
{
singer: [{name: '',age: 33}]},
{
singer: [
{name: '',age: 31},
{name: 'Sa',age: 30}]
}];
for(let i=0; i<data.length; iPP){
let arr = [];
data[i].singer.map((item)=>{
arr.push(item.name);
})
console.log(arr.join(' '))
}copy it to the console and try it.
data.forEach( (dataItem,index)=>{
var str = ''
dataItem.singer.forEach( (singerItem,index)=>{
str += (singerItem.name + ',')
})
console.log(str.slice(0,str.length-1) )
})
data.forEach(o=>{
var name = o.singer.map(a=>a.name).join(" ")
console.log(name)
})use babel to transfer
if compatible.var data = [
{
singer: [
{name: '',age: 18},
{name: '',age: 20},
{name: '',age: 18}
]
},
{
singer: [{name: '',age: 33}]
},
{
singer: [
{name: '',age: 31},
{name: 'Sa',age: 30}]
}
]
data.forEach(obj => {
console.log(obj.singer.map(item => item.name).join(" "));
})Previous: Link to servlet and execute doGet ()?
Next: How to use css/js to achieve a timeline effect similar to chrome timeline?
currently working on a saas platform what kind of architecture can meet the following requirements: Separation of front and rear ends flexible selection of front-end technology, less historical burden, convenient maintenance, and organizational n...
there is a benchmarks directory in some open source projects, such as vue , which is very popular now. The literal translation of benchmark means benchmark test. It seems that some functional performance tests can be done. given that there is a test di...
recently, the company needs to use a rich text editor in the background: (there are a few problems that have not found a solution, ask for advice from all kinds of gods)? normal display: ::textareatag:tag :vue-froala-editorfont :brppbr brbr : ...
1. The data interface is http: www.xxx.com api.paper data under this interface, I use webpack-devServer to configure proxy, but error 404not found is reported on the page. 2.proxy: { manage : { target: http: www.xxxx.com...
...
there is a requirement to remove an element from the array when it exists, and to add the element to the array when it does not exist. this is how I implement it. Is there a more elegant or convenient way to write it? Please do not hesitate to give us ...
I encapsulated a js function myself! There are some problems with using . I set callback, to increase as the number of clicks increases, so does the number of execution. I don t know why! functions encapsulated by js showConfirm(title , content , sh...
this code is the method I used to concatenate parsing objects into url strings encodeParamsStr: function(obj) { var params = []; Object.keys(obj).forEach(function(key) { var value = obj[key]; undefined if (typeof value ===...
use plug-in extract-text-webpack-plugin: package this error after running webpack: Users apple work self_test webpack node_modules schema-utils dist validateOptions.js:40 throw new _ValidationError2.default(ajv.errors, name); ^ false webpack.co...
ask the development boss of uwp, because there is no experience in c-sharp and xmln, wants to know whether uwp can only be realized by html css js because it wants to know that app uses the shell of web page to achieve uwp,. and the development proce...
the question I asked this morning, but the solution provided in the answer doesn t seem to solve my problem. Although it seems to be connected from end to end, the data is wrong . I need data 2 to start at the end of data 1 ...
{{ 10 | fn1 | fn2 }} for example, you can use filter in the template of vue. I wonder, how exactly does Vue implement it? Do you have a simple explanation? ...
1, I used vue to build a responsive page, using bootstrap, but wanted to use a column offset effect, using col-offset, but did not work, and then I tried col-push col-pull, without solving it. But there is a grid effect, and the code is as follows I als...
on the official website of Vue, when I scroll to the details of "declarative rendering " on the right, the title corresponding to the left directory bar is also highlighted. tell me how to achieve this effect with js, and what is the idea. ...
recently in the self-study vue, I still have some questions about watch monitoring. I would like to ask my seniors to help me solve it. specific problems are as follows: the test monitors the new and old values of different types of data data. In the...
Logistics industry, monitor vehicle trajectory and location. use Baidu Maps slightly stutter occurs when the page loads more than 500 cars. when loading more than 1000 vehicles, the map drag and zoom function is almost invalid, and the stutter is ...
webpack4.x less has been introduced and used in the H1 tag, but there is no style on the final page. index.js index.less webpack.dev.js : ...
The description of the title is not very clear. the thing is, a project on my side uses an open interface, but this interface has cross-domain restrictions. The project I am working on now is a project without backend. The local environment of vue+axi...
in the APP.vue public navigation bar, I want to use vue to implement different route jump navigation bars corresponding to different styles ; html Code ...
now I have a webcast plug-in that usually displays normally, but I can t adapt to it when I click the fold button on the left sidebar, but I can just press F12 . I want to initialize and refresh this carousel plugin every time I click the Sidebar fold...