Javascript 需要将sku数组转换为标题数组

我正在学习JavaScript和jQuery，对于这个项目，我们必须创建一个在线商店。我已经创建了产品和购物车，但现在当我打开购物车时，我只能看到sku和类别，但我需要将其转换为其他产品变量，如图像、价格。到目前为止，我的代码如下：

var products = {
tricouri: [
{
title: "Tricou athletic cu imprimeu",
sizes: ["M", "L", "XL"],
imageSource: "assets/img/tricou1.jpg",
price: 109.99,
sku: 1
},
{
title: "Tricou slim fit de bumbac organic",
sizes: ["M", "L", "XL"],
imageSource: "assets/img/tricou2.jpg",
price: 200,
sku: 2
}]
}

var cart = [];

function drawCartProducts(cart){
var cartProductsElement = document.getElementById("cart-products");
cartProductsElement.innerHTML = "";

for (var i = 0; i < cart.length; i++) {
var li = document.createElement("li");
li.className = "cart-item";
li.innerText = cart[i].sku + " din categoria " + cart[i].categoryId;

cartProductsElement.appendChild(li);

}
}
$(".categ a").click(function() {
currentCategory = $(this).attr("cat-id");
console.log("CATEGORIA CURENTA: ", currentCategory);
drawProducts(currentCategory);
prepareAddToCart();
});

function prepareAddToCart(){
$('.add-to-cart').click(function(){
var product = {
sku: $(this).attr("sku"),
categoryId: $(this).attr("category-id")
}
cart.push(product);
alert("Produsul dumneavoastra a fost adaugat in cos!");
console.log("Cosul: ", cart);
})
}

prepareAddToCart();

var cartState = false;

var产品={
特里苏里州：[
{
标题：“Tricou竞技cu imprimeu”，
尺寸：[“M”、“L”、“XL”]，
图片来源：“assets/img/tricou1.jpg”，
价格:109.99，
库存单位：1
},
{
标题：“Tricou slim fit de bumbac有机”，
尺寸：[“M”、“L”、“XL”]，
图片来源：“assets/img/tricou2.jpg”，
价格:200,，
库存单位：2
}]
}
var-cart=[]；
功能drawCartProducts（购物车）{
var cartProductsElement=document.getElementById（“购物车产品”）；
cartProductsElement.innerHTML=“”；
对于（变量i=0；i

请使用drawCartProducts的实际执行情况更新我为您制作的代码段，并显示预期的输出。我已经更新了代码段，并且可以看到项目。我强烈建议使用dom access和createelement或jQuery，并且可以测试实际加载jQuery的代码段。您的外部JavaScript不可用