راکت
1masoud
1masoud
توسط 1masoud مطرح شد
10 پاسخ

دسترسی به عناصر آرایه در جاوا اسکریپت

@ali.bayat
@milad
@alireza.mzh1

من می خواهم در این آرایه به عناصر آرایه دسترسی داشته باشم


m{"aa"  
markers: \[  
{"time"},  
{"time3""},  
{"time4"},  
{"time5"}  
]  } ```
چطوری میتونم عنصر اول رو نمایش بدم

ثبت پرسش جدید
میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad7 سال پیشمطرح شد
0

@masoudproton
این موردی که شما نوشتی به نظر میرسه که خطای تعریف داره، من که نمی تونم درکش کنم.
آرایه، شی و ترکیب شی و آرایه رو با مثال می نویسم براتون:

var person = ["John", "Doe", 46];
person[0] // John

var person = {firstName:"John", lastName:"Doe", age:46};
person.firstName // John

var ourPets = [
  {
    animalType: "cat",
    names: [
      "Meowzer",
      "Fluffy",
      "Kit-Cat"
    ]
  },
  {
    animalType: "dog",
    names: [
      "Spot",
      "Bowser",
      "Frankie"
    ]
  }
];
ourPets[0].names[1]; // "Fluffy"
ourPets[1].names[0]; // "Spot"

1masoud
1masoud
تخصص :php,laravel
@masoudproton7 سال پیشمطرح شد
0

@milad


player.markers۱({ markerStyle: { 'width':'۹px', 'border-radius': '۴۰%', 'background-color': 'orange' }, markerTip:{ display: true, text: function(marker) { return "I am a marker tip: "+ marker.text; } }, breakOverlay:{ display: true, displayTime: ۴, style:{ 'width':'۱۰۰%', 'height': '۳۰%', 'background-color': 'rgba(۱۰,۱۰,۱۰,۰.۶)', 'color': 'white', 'font-size': '۱۶px'}, text: function(marker) { return "This is a break overlay: " + marker.text + marker.overlayText; }, }, outmarkers: [ {time: ۹.۵, text: "this", overlayText: "۱" ,class: "marker-blue" }, {time: ۴۰, text: "is", overlayText: "۲"}, {time: ۶۰.۶,text: "so", overlayText: "۳"}, {time: h, text: "cool", overlayText: "۴"} ]});```

میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad7 سال پیشمطرح شد
0

@masoudproton

کدهاتون رو لطفا صحیح قرار بدین، ناخوانا هستند، نمیشه خوند.
دو سری ``` بنویسید و مابین اون کدها رو قرار بدین.


1masoud
1masoud
تخصص :php,laravel
@masoudproton7 سال پیشمطرح شد
0

@ali.bayat
@milad
میشه راهنمایی کنید


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad7 سال پیشمطرح شد
0

@masoudproton
من اصول کار رو خدمتتون توضیح دادم، بعدش مطمئنا قادر خواهید بود هر موردی رو خودتون حل کنید.

ضمن اینکه خدمتتون عرض کردم کدتون رو قرار بدین، تا در این مورد هم هم بتونم کمک تون کنم، کدی که قرار دادید بصورت فشرده شده ی تک خطی هستش، خب لااقل اطلاعات اولیه رو بصورت خوانا قرار بدین، بعدش در خدمتم.
انتظاری که از شما میره اینه که سوال تون رو بصورت واضح و خوانا مطرح کنید.
البته شاید دیگر دوستان با این نحوه ای که پرسش رو مطرح کردید قادر به راهنمایی تون باشند، مطمئنا لنگ ِ من نخواهید بود.


اشکان نظری
اشکان نظری
تخصص :برنامه نویس
@ashkannazari2487 سال پیشمطرح شد
1

سلام.
دوست عزیز به دو مثال زیر توجه کن
مثال 1 :

let array=\[1,2,3\];  

مثال 2 :

let object={one:1,tow:2,three:3};

مثال 1 ارایه هست و میشه با شماره ایندکس خانه ها که از صفر شروع میشه بهش دسترسی داشت مثلا array[1] عدد 2 رو برمیگردونه. میشه با حلقه های for foreach یا با تابع map
مثال 2 آبجکت(شی) هست و بجای ایندکس key داره مثلا object['one'] میشه 1 و با foreach و
Object.keys(object).map(key=>{object[key]}) به خانه ها دسترسی پیدا کرد به صورت object.one هم میشه نوشت


1masoud
1masoud
تخصص :php,laravel
@masoudproton7 سال پیشمطرح شد
0

@miladjef @ali.bayat

اصل کد من اینه var player = videojs('example-video'); function ads_between_player(){ var h="205"; player.markers({ markerStyle: { 'width':'9px', 'border-radius': '40%', 'background-color': 'orange' }, markerTip:{ display: true, text: function(marker) { return "I am a marker tip: "+ marker.text; } }, breakOverlay:{ display: true, displayTime: 4, style:{ 'width':'100%', 'height': '30%', 'background-color': 'rgba(10,10,10,0.6)', 'color': 'white', 'font-size': '16px' }, text: function(marker) { return "This is a break overlay: " + marker.text + marker.overlayText; }, }, markers: [ {time: 9.5, text: "this", overlayText: "1" ,class: "marker-blue" }, {time: 40, text: "is", overlayText: "2"}, {time: 60.6,text: "so", overlayText: "3"}, {time: h, text: "cool", overlayText: "4"} ] });} می خواهم بگم بیا اگر time:40 شد alert بده چیکار کنم نکته: time:40رو در آرایه تعریف کردم

میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad7 سال پیشمطرح شد
0

کدتون رو در سایت هایی نظیر اینجا مرتب کنید و از حالت فشرده ی تک خطی خارج کنید، سپس قرار بدین.
https://www.freeformatter.com/javascript-beautifier.html


1masoud
1masoud
تخصص :php,laravel
@masoudproton7 سال پیشمطرح شد
0

@milad

اصل کد من اینه  
var player = videojs('example-video');\
function ads\_between\_player() {  
var h = "205";  
player.markers({  
markerStyle: {  
'width': '9px',  
'border-radius': '40%',  
'background-color': 'orange'  
},  
markerTip: {  
display: true,  
text: function (marker) {  
return "I am a marker tip: " + marker.text;  
}  
},  
breakOverlay: {  
display: true,  
displayTime: 4,  
style: {  
'width': '100%',  
'height': '30%',  
'background-color': 'rgba(10,10,10,0.6)',  
'color': 'white',  
'font-size': '16px'  
},  
text: function (marker) {  
return "This is a break overlay: " + marker.text + marker.overlayText;  
},  
},  
markers: \[{  
time: 9.5,  
text: "this",  
overlayText: "1",  
class: "marker-blue"  
}, {  
time: 40,  
text: "is",  
overlayText: "2"  
}, {  
time: 60.6,  
text: "so",  
overlayText: "3"  
}, {  
time: h,  
text: "cool",  
overlayText: "4"  
}\]  
});  
}  

می خواهم بگم بیا اگر time: 40 شد alert بده چیکار کنم نکته: time: 40 رو در آرایه تعریف کردم


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad7 سال پیشمطرح شد
0

@masoudproton

اول شیئی که به عنوان ورودی به تابع player.markers می دهید رو در یک متغیر گذاشتم به نام myvariable، سپس مقدار time:40 رو توش فراخوانی کردم.
یک خط کدتون هم خطا داشت که اصلاح کردم، در متن کدها مشخص هستش.

کدها:

var myvariable = {
  markerStyle: {
    'width': '9px',
    'border-radius': '40%',
    'background-color': 'orange'
  },
  markerTip: {
    display: true,
    text: function (marker) {
      return "I am a marker tip: " + marker.text;
    }
  },
  breakOverlay: {
    display: true,
    displayTime: 4,
    style: {
      'width': '100%',
      'height': '30%',
      'background-color': 'rgba(10,10,10,0.6)',
      'color': 'white',
      'font-size': '16px'
    },
    text: function (marker) {
      return "This is a break overlay: " + marker.text + marker.overlayText;
    },
  },
  outmarkers: [{
    time: 9.5,
    text: "this",
    overlayText: "1",
    class: "marker-blue"
  }, {
    time: 40,
    text: "is",
    overlayText: "2"
  }, {
    time: 60.6,
    text: "so",
    overlayText: "3"
  }, {
    time: "h", // این خط تصحیح شد
    text: "cool",
    overlayText: "4"
  }]
}

console.log(myvariable.outmarkers[1].time); // خروجی مقدار 40

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام