راکت

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

10 پاسخ

@ali.bayat
@milad
@alireza.mzh1

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


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

پاسخ‌ها

10
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@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
@masoudproton

تخصص: php,laravel

@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: "۴"} ]});```

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@masoudproton

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

1masoud
1masoud
@masoudproton

تخصص: php,laravel

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

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

اشکان نظری
اشکان نظری
@ashkannazari248

تخصص: برنامه نویس

سلام.
دوست عزیز به دو مثال زیر توجه کن
مثال 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
@masoudproton

تخصص: php,laravel

@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رو در آرایه تعریف کردم
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

1masoud
1masoud
@masoudproton

تخصص: php,laravel

@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 رو در آرایه تعریف کردم

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@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

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

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