1masoud
5 سال پیش توسط 1masoud مطرح شد
10 پاسخ

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

@ali.bayat
@milad
@alireza.mzh1

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


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

ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
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
تخصص : php,laravel
@masoudproton 5 سال پیش آپدیت شد
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: "۴"} ]});```

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
0

@masoudproton

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


1masoud
تخصص : php,laravel
@masoudproton 5 سال پیش آپدیت شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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

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


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 5 سال پیش آپدیت شد
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
تخصص : php,laravel
@masoudproton 5 سال پیش آپدیت شد
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رو در آرایه تعریف کردم

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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


1masoud
تخصص : php,laravel
@masoudproton 5 سال پیش آپدیت شد
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 رو در آرایه تعریف کردم


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
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

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

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