Tôi đang cố gắng tạo một bảng một cách linh hoạt trong JavaScript bằng cách sử dụng hàm bản đồ nhưng gặp lỗi. Bất cứ ai có thể vui lòng cho con trỏ?
Uncaught Syntaxerror: Bộ khởi tạo thuộc tính tốc ký không hợp lệ
Đây là mã của tôi:
// List of movies
let movies = [
{
title: "Fight Club",
rank: 10,
id: "tt0137523"
},
{
title: "The Shawshank Redemption",
rank: 1,
id: "tt0111161"
}
]
function displayMovies[movies]{
let table = '';
table += `IDNameRank `;
movies.map[[movie, index] => [{
table = table + ``,
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.title}` + ` `,
table = table + `` + `Title:` `${movie.rank}` + ` `
}]];
table += "
"
document.getElementById["movies-list"].innerHTML = table;
}
displayMovies[movies];
repl.it
Đã hỏi ngày 3 tháng 10 năm 2020 lúc 3:48Oct 3, 2020 at 3:48
2
Bạn cần sử dụng
5 thay vìrepl.it
6 trên hàmrepl.it
7.repl.it
6 được sử dụng để tạo ra một mảng mới được tạo ra với kết quả gọi chức năng được cung cấp trên mọi yếu tố trong mảng gọi. Không cần phải trả về một mảng mới dựa trên mảngrepl.it
9 để tốt hơn là sử dụngrepl.it
5.repl.itCú pháp sai Khi thêm các giá trị
1 bên trong vòng lặp.table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
nên được thay thế bằng
table = table + `Title: ${movie.id} `;
Vì vậy, loại bỏ ',' trên lần cuối và sử dụng toán tử giữa
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
// List of movies
let movies = [
{
title: "Fight Club",
rank: 10,
id: "tt0137523"
},
{
title: "The Shawshank Redemption",
rank: 1,
id: "tt0111161"
}
];
function displayMovies[movies]{
let table = '';
table += `IDNameRank `;
movies.forEach[[movie, index] => {
table = table + ``;
table = table + `Title: ${movie.id} `;
table = table + `Title: ${movie.title} `;
table = table + `Title: ${movie.rank} `;
table += ` `;
}];
table += "
";
document.getElementById["movies-list"].innerHTML = table;
}
displayMovies[movies];Đã trả lời ngày 3 tháng 10 năm 2020 lúc 3:57Oct 3, 2020 at 3:57
Derek Wangderek WangDerek Wang
9.8504 huy hiệu vàng16 Huy hiệu bạc38 Huy hiệu đồng4 gold badges16 silver badges38 bronze badges
2
Bạn có một số lỗi cú pháp.
Trong
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
table = table + `` + `Title:` `${movie.id}` + ` `,
repl.it
table = table + `` + `Title:` `${movie.id}` + ` `,
// List of movies
let movies = [
{
title: "Fight Club",
rank: 10,
id: "tt0137523"
},
{
title: "The Shawshank Redemption",
rank: 1,
id: "tt0111161"
}
]
function displayMovies[movies]{
let table = '';
table += 'IDNameRank ';
movies.map[[movie, index] => {
table = table + '',
table = table + '' + 'Title:' + `${movie.id}` + ' ',
table = table + '' + 'Title:' + `${movie.title}` + ' ',
table = table + '' + 'Title:' + `${movie.rank}` + ' '
}];
table += "
"
document.getElementById["movies-list"].innerHTML = table;
}
displayMovies[movies];
Đã trả lời ngày 3 tháng 10 năm 2020 lúc 3:56Oct 3, 2020 at 3:56
Dwoskdwoskdwosk
1.1627 Huy hiệu bạc10 Huy hiệu đồng7 silver badges10 bronze badges
Ví dụ động nếu thứ tự hiển thị tốt từ dữ liệu
Tôi muốn tạo ra một cái gì đó tương tự trong React. Vẫn muốn thêm một câu trả lời năng động hơn ở đây, có lẽ nó có thể có ích cho một số người.
Kịch bản lấy phim và tạo ra các tiêu đề và nội dung đầu từ nó. Chức năng
table = table + `Title: ${movie.id} `;
Hàm
table = table + `Title: ${movie.id} `;
table = table + `Title: ${movie.id} `;
const rows = movies.map[[movie] => {
return createRow[movie]
}];
Ví dụ về Codepen ở đây
Ví dụ tương tự ở đây nội tuyến:
const movies = [
{
title: "Fight Club",
rank: 10,
id: "tt0137523"
},
{
title: "The Shawshank Redemption",
rank: 1,
id: "tt0111161"
}
];
// Creates the table head entries. Simply gets the first movie and takes the keys as titles
const createHead = [headObject] => {
let cells = "";
for [const key in headObject] {
// This takes the first letter of each title and uppercases it
cells += `${key.charAt[0].toUpperCase[] + key.slice[1]}`;
}
return `${cells} `;
};
// Creates the content entries
const createRow = [rowObject] => {
let cells = "";
for [const key in rowObject] {
cells += `${rowObject[key]} `;
}
return `${cells} `;
};
// Main function to create it all
const createTable = [movies] => {
const rows = movies.map[[movie] => {
return createRow[movie]
}];
// Creates the table head titles
const headRow = createHead[movies[0]]
// Takes the rows and concats again to prevent some weird commas from appearing?
let optimizedRows = ''
rows.forEach[[row] => {
optimizedRows += row;
}];
// This finally combines table, head and body contents
const table = [`
${headRow}
${optimizedRows}
`];
document.getElementById["movies-list"].innerHTML = table;
};
createTable[movies];
repl.it
0 Đã trả lời ngày 20 tháng 1 lúc 13:10Jan 20 at 13:10
TommytommyTommy
8199 Huy hiệu bạc23 Huy hiệu Đồng9 silver badges23 bronze badges
Bạn có thể sử dụng cùng một HTML
repl.it
1Và trong
table = table + `` + `Title:` `${movie.id}` + ` `,
4 bạn có thể thử điều này:
repl.it
2 Đã trả lời ngày 20 tháng 1 lúc 14:06Jan 20 at 14:06
Tôi nghĩ theo cách này dễ đọc hơn
repl.it
3
repl.it
4 Đã trả lời 2 ngày trước2 days ago
Người đóng góp mới
Doplax là một đóng góp mới cho trang web này. Hãy quan tâm đến việc yêu cầu làm rõ, bình luận và trả lời. Kiểm tra mã ứng xử của chúng tôi.
Làm thế nào để bạn tạo một bản đồ bảng?
Procedure.. Nhấp vào Tệp> Mới> Bảng ánh xạ dữ liệu .. Chỉ định một tên và mô tả và nhấp vào Tiếp theo. .... Chọn các nút XML bạn muốn được sử dụng để xác định XPath cho các cột trong bảng ánh xạ dữ liệu. .... Nếu tài nguyên container không có lược đồ, chỉ định XPaths của các nút đã chọn. .... Nhấn tiếp..
Làm thế nào để bạn tạo một bảng trong JavaScript?
function Generatetablehead [bảng, dữ liệu] {let thead = bảng.createThead [];Đặt hàng = thead.Chèn hàng[];for [Đặt khóa của dữ liệu] {hãy để th = document.createdeLement ["th"];Đặt văn bản = tài liệu.
Việc sử dụng map [] trong javascript là gì?
map [] tạo một mảng mới từ việc gọi hàm cho mọi phần tử mảng.map [] gọi một hàm một lần cho mỗi phần tử trong một mảng.map [] không thực thi chức năng cho các phần tử trống.creates a new array from calling a function for every array element. map[] calls a function once for each element in an array. map[] does not execute the function for empty elements.
Bảng bản đồ là gì?
Bảng bản đồ là một hệ thống bảng phổ quát cho các tình huống yêu cầu cấu hình linh hoạt và sử dụng không gian tối ưu.Thông qua kinh nghiệm của họ với thiết kế kiến trúc và phát triển các địa điểm đào tạo và hội nghị, Edward Barber và Jay Osgerby đã nhận ra sự cần thiết của một hệ thống bàn mới, đơn giản.a universal table system for situations requiring flexible configurations and optimal utilisation of space. Through their experience with the architectural design and development of training and conference venues, Edward Barber and Jay Osgerby came to recognise the need for a new, simple table system.
Chủ Đề