fix: converted single to triple backticks10 (#36237)
This commit is contained in:
@@ -10,34 +10,37 @@ localeTitle: Dray
|
||||
|
||||
### الواجب الأساسي المتغير
|
||||
|
||||
`var names = ['neel', 'meet', 'darshan'];
|
||||
var [nameOne, nameTwo, nameThree] = names;
|
||||
console.log(nameOne); // "neel"
|
||||
console.log(nameTwo); // "meet"
|
||||
console.log(nameThree); // "darshan"
|
||||
`
|
||||
```
|
||||
var names = ['neel', 'meet', 'darshan'];
|
||||
var [nameOne, nameTwo, nameThree] = names;
|
||||
console.log(nameOne); // "neel"
|
||||
console.log(nameTwo); // "meet"
|
||||
console.log(nameThree); // "darshan"
|
||||
```
|
||||
|
||||
### مهمة منفصلة عن الإعلان
|
||||
|
||||
يمكن تعيين متغير قيمته من خلال التدمير المنفصل عن تعريف المتغير.
|
||||
|
||||
`var a, b;
|
||||
|
||||
[a, b] = [1, 2];
|
||||
console.log(a); // 1
|
||||
console.log(b); // 2
|
||||
`
|
||||
```
|
||||
var a, b;
|
||||
|
||||
[a, b] = [1, 2];
|
||||
console.log(a); // 1
|
||||
console.log(b); // 2
|
||||
```
|
||||
|
||||
### قيم افتراضية
|
||||
|
||||
يمكن تعيين متغير افتراضي ، في حالة أن القيمة unpacked من الصفيف غير `undefined` .
|
||||
|
||||
`var a, b;
|
||||
|
||||
[a=5, b=7] = [1];
|
||||
console.log(a); // 1
|
||||
console.log(b); // 7
|
||||
`
|
||||
```
|
||||
var a, b;
|
||||
|
||||
[a=5, b=7] = [1];
|
||||
console.log(a); // 1
|
||||
console.log(b); // 7
|
||||
```
|
||||
|
||||
### تحليل مجموعة من عاد من وظيفة
|
||||
|
||||
@@ -45,47 +48,52 @@ localeTitle: Dray
|
||||
|
||||
في هذا المثال ، تقوم `getNames()` بارجاع القيم `['neel', 'meet']` `getNames()` لها ، والتي يمكن تحليلها في سطر واحد مع destructuring.
|
||||
|
||||
`function getNames() {
|
||||
return ['neel', 'meet'];
|
||||
}
|
||||
|
||||
var neel, meet;
|
||||
[nameOne, nameTwo] = getNames();
|
||||
console.log(nameOne); // neel
|
||||
console.log(nameTwo); // meet
|
||||
`
|
||||
```
|
||||
function getNames() {
|
||||
return ['neel', 'meet'];
|
||||
}
|
||||
|
||||
var neel, meet;
|
||||
[nameOne, nameTwo] = getNames();
|
||||
console.log(nameOne); // neel
|
||||
console.log(nameTwo); // meet
|
||||
```
|
||||
|
||||
### تجاهل بعض القيم التي تم إرجاعها
|
||||
|
||||
يمكنك تجاهل قيم الإرجاع التي لا تهتم بها:
|
||||
|
||||
`function getNames() {
|
||||
return ['neel', 'meet', 'darshan'];
|
||||
}
|
||||
|
||||
var [nameOne, , nameThree] = getNames();
|
||||
console.log(nameOne); // neel
|
||||
console.log(nameThree); // darshan
|
||||
`
|
||||
```
|
||||
function getNames() {
|
||||
return ['neel', 'meet', 'darshan'];
|
||||
}
|
||||
|
||||
var [nameOne, , nameThree] = getNames();
|
||||
console.log(nameOne); // neel
|
||||
console.log(nameThree); // darshan
|
||||
```
|
||||
|
||||
يمكنك أيضًا تجاهل جميع القيم التي تم إرجاعها:
|
||||
|
||||
`[,,] = getNames();
|
||||
`
|
||||
```
|
||||
[,,] = getNames();
|
||||
```
|
||||
|
||||
### تعيين بقية صفيف إلى متغير
|
||||
|
||||
عند تدمير صفيف ، يمكنك فك وتعيين الجزء المتبقي منه إلى متغير باستخدام نمط الباقي:
|
||||
|
||||
`var [a, ...b] = [1, 2, 3];
|
||||
console.log(a); // 1
|
||||
console.log(b); // [2, 3]
|
||||
`
|
||||
```
|
||||
var [a, ...b] = [1, 2, 3];
|
||||
console.log(a); // 1
|
||||
console.log(b); // [2, 3]
|
||||
```
|
||||
|
||||
لاحظ أنه سيتم طرح `SyntaxError` إذا تم استخدام فاصلة زائدة على الجانب الأيسر مع عنصر راحة:
|
||||
|
||||
`var [a, ...b,] = [1, 2, 3];
|
||||
// SyntaxError: rest element may not have a trailing comma
|
||||
`
|
||||
```
|
||||
var [a, ...b,] = [1, 2, 3];
|
||||
// SyntaxError: rest element may not have a trailing comma
|
||||
```
|
||||
|
||||
انظر أيضا: **صفيف Destructuring** | [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Array_destructuring)
|
@@ -8,16 +8,18 @@ localeTitle: طول صفيف
|
||||
|
||||
يمكن إرجاع خاصية `length` صفيف مثل هكذا.
|
||||
|
||||
`let desserts = ["Cake", "Pie", "Brownies"];
|
||||
console.log(desserts.length); // 3
|
||||
`
|
||||
```js
|
||||
let desserts = ["Cake", "Pie", "Brownies"];
|
||||
console.log(desserts.length); // 3
|
||||
```
|
||||
|
||||
يمكن استخدام عامل التعيين ، بالتزامن مع خاصية `length` ، لضبط عدد العناصر في صفيف مثل ذلك.
|
||||
|
||||
`let cars = ["Saab", "BMW", "Volvo"];
|
||||
cars.length = 2;
|
||||
console.log(cars.length); // 2
|
||||
`
|
||||
```js
|
||||
let cars = ["Saab", "BMW", "Volvo"];
|
||||
cars.length = 2;
|
||||
console.log(cars.length); // 2
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -8,17 +8,19 @@ localeTitle: مصفوفة من
|
||||
|
||||
بناء الجملة:
|
||||
|
||||
`Array.of(element0[, element1[, ...[, elementN]]])
|
||||
`
|
||||
```javascript
|
||||
Array.of(element0[, element1[, ...[, elementN]]])
|
||||
```
|
||||
|
||||
## مثال
|
||||
|
||||
`Array.of(7); // [7] - creates an array with a single element
|
||||
Array.of(1, 2, 3); // [1, 2, 3]
|
||||
|
||||
Array(7); // [ , , , , , , ] - creates an empty array with a length property of 7
|
||||
Array(1, 2, 3); // [1, 2, 3]
|
||||
`
|
||||
```javascript
|
||||
Array.of(7); // [7] - creates an array with a single element
|
||||
Array.of(1, 2, 3); // [1, 2, 3]
|
||||
|
||||
Array(7); // [ , , , , , , ] - creates an empty array with a length property of 7
|
||||
Array(1, 2, 3); // [1, 2, 3]
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -10,32 +10,35 @@ localeTitle: Array.prototype.concat
|
||||
|
||||
### بناء الجملة
|
||||
|
||||
`const newArray = array.concat(value1, value2, value3...);
|
||||
`
|
||||
```javascript
|
||||
const newArray = array.concat(value1, value2, value3...);
|
||||
```
|
||||
|
||||
### أمثلة
|
||||
|
||||
#### تسلسل صفيفتين
|
||||
|
||||
`var cold = ['Blue', 'Green', 'Purple'];
|
||||
var warm = ['Red', 'Orange', 'Yellow'];
|
||||
|
||||
var result = cold.concat(warm);
|
||||
|
||||
console.log(result);
|
||||
// results in ['Blue', 'Green', 'Purple', 'Red', 'Orange', 'Yellow'];
|
||||
`
|
||||
```javascript
|
||||
var cold = ['Blue', 'Green', 'Purple'];
|
||||
var warm = ['Red', 'Orange', 'Yellow'];
|
||||
|
||||
var result = cold.concat(warm);
|
||||
|
||||
console.log(result);
|
||||
// results in ['Blue', 'Green', 'Purple', 'Red', 'Orange', 'Yellow'];
|
||||
```
|
||||
|
||||
#### قيمة متسلسلة إلى صفيف
|
||||
|
||||
`const odd = [1, 3, 5, 7, 9];
|
||||
const even = [0, 2, 4, 6, 8];
|
||||
|
||||
const oddAndEvenAndTen = odd.concat(even, 10);
|
||||
|
||||
console.log(oddAndEvenAndTen);
|
||||
// results in [1, 3, 5, 7, 9, 0, 2, 4, 6, 8, 10];
|
||||
`
|
||||
```javascript
|
||||
const odd = [1, 3, 5, 7, 9];
|
||||
const even = [0, 2, 4, 6, 8];
|
||||
|
||||
const oddAndEvenAndTen = odd.concat(even, 10);
|
||||
|
||||
console.log(oddAndEvenAndTen);
|
||||
// results in [1, 3, 5, 7, 9, 0, 2, 4, 6, 8, 10];
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -10,12 +10,13 @@ localeTitle: Array.prototype.fill
|
||||
|
||||
\`\` \`جافا سكريبت arr.fill (القيمة) arr.fill (القيمة ، البدء) arr.fill (القيمة ، البداية ، النهاية)
|
||||
|
||||
`The fill method takes up to three arguments value, start and end. The start and end arguments are optional with default values of 0 and the length of the this object.
|
||||
|
||||
The fill method is a mutable method, it will change this object itself, and return it, not just return a copy of it.
|
||||
|
||||
## Examples
|
||||
`
|
||||
```
|
||||
The fill method takes up to three arguments value, start and end. The start and end arguments are optional with default values of 0 and the length of the this object.
|
||||
|
||||
The fill method is a mutable method, it will change this object itself, and return it, not just return a copy of it.
|
||||
|
||||
## Examples
|
||||
```
|
||||
|
||||
جافا سكريبت \[1 ، 2 ، 3\] .Fill (4) ؛ // \[4، 4، 4\] \[1 ، 2 ، 3\] .Fill (4 ، 1) ؛ // \[1 ، 4 ، 4\]
|
||||
|
||||
|
@@ -12,25 +12,26 @@ localeTitle: Array.prototype.filter
|
||||
|
||||
في هذه الحالة ، نريد الحصول على جميع الطلاب الذين تزيد درجاتهم عن 90 أو تساويها.
|
||||
|
||||
`var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
//Define an array to push student objects to.
|
||||
var studentsGrades = []
|
||||
for (var i = 0; i < students.length; i++) {
|
||||
//Check if grade is greater than 90
|
||||
if (students[i].grade >= 90) {
|
||||
//Add a student to the studentsGrades array.
|
||||
studentsGrades.push(students[i])
|
||||
}
|
||||
}
|
||||
|
||||
return studentsGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
`
|
||||
```javascript
|
||||
var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
//Define an array to push student objects to.
|
||||
var studentsGrades = []
|
||||
for (var i = 0; i < students.length; i++) {
|
||||
//Check if grade is greater than 90
|
||||
if (students[i].grade >= 90) {
|
||||
//Add a student to the studentsGrades array.
|
||||
studentsGrades.push(students[i])
|
||||
}
|
||||
}
|
||||
|
||||
return studentsGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
```
|
||||
|
||||
هذه الحلقة تعمل ، لكنها طويلة جدًا. كما يمكن أن تصبح مملة للكتابة عن الحلقات مرارًا وتكرارًا للعديد من المصفوفات التي تحتاج إلى تكرارها.
|
||||
|
||||
@@ -38,35 +39,37 @@ localeTitle: Array.prototype.filter
|
||||
|
||||
في ما يلي نفس المثال باستخدام الفلتر:
|
||||
|
||||
`var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
|
||||
var studentGrades = students.filter(function (student) {
|
||||
//This tests if student.grade is greater than or equal to 90. It returns the "student" object if this conditional is met.
|
||||
return student.grade >= 90;
|
||||
});
|
||||
|
||||
return studentGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
`
|
||||
```javascript
|
||||
var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
|
||||
var studentGrades = students.filter(function (student) {
|
||||
//This tests if student.grade is greater than or equal to 90. It returns the "student" object if this conditional is met.
|
||||
return student.grade >= 90;
|
||||
});
|
||||
|
||||
return studentGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
```
|
||||
|
||||
طريقة التصفية أسرع بكثير للكتابة والنظافة للقراءة بينما لا تزال تحقق نفس الشيء. باستخدام تركيب ES6 ، يمكننا حتى تكرار تكرار حلقة 6-line مع الفلتر:
|
||||
|
||||
`var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
|
||||
var studentGrades = students.filter(student => student.grade >= 90);
|
||||
return studentGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
`
|
||||
```javascript
|
||||
var students = [
|
||||
{ name: 'Quincy', grade: 96 },
|
||||
{ name: 'Jason', grade: 84 },
|
||||
{ name: 'Alexis', grade: 100 },
|
||||
{ name: 'Sam', grade: 65 },
|
||||
{ name: 'Katie', grade: 90 }
|
||||
];
|
||||
|
||||
var studentGrades = students.filter(student => student.grade >= 90);
|
||||
return studentGrades; // [ { name: 'Quincy', grade: 96 }, { name: 'Alexis', grade: 100 }, { name: 'Katie', grade: 90 } ]
|
||||
```
|
||||
|
||||
الفلتر مفيد جدًا وخيارًا رائعًا للصفحات لتصفية المصفوفات مقابل العبارات الشرطية.
|
||||
|
||||
|
@@ -8,8 +8,9 @@ localeTitle: Array.prototype.find
|
||||
|
||||
بناء الجملة:
|
||||
|
||||
`arr.find(callback[, thisArg])
|
||||
`
|
||||
```
|
||||
arr.find(callback[, thisArg])
|
||||
```
|
||||
|
||||
##### المعلمات
|
||||
|
||||
@@ -34,35 +35,37 @@ localeTitle: Array.prototype.find
|
||||
|
||||
سيجد هذا المثال العنصر المناظر في الصفيف ويعيد الكائن منه.
|
||||
|
||||
`let items = [
|
||||
{name: 'books', quantity: 2},
|
||||
{name: 'movies', quantity: 1},
|
||||
{name: 'games', quantity: 5}
|
||||
];
|
||||
|
||||
function findMovies(item) {
|
||||
return item.name === 'movies';
|
||||
}
|
||||
|
||||
console.log(items.find(findMovies));
|
||||
|
||||
// Output
|
||||
// { name: 'movies', quantity: 1 }
|
||||
`
|
||||
```javascript
|
||||
let items = [
|
||||
{name: 'books', quantity: 2},
|
||||
{name: 'movies', quantity: 1},
|
||||
{name: 'games', quantity: 5}
|
||||
];
|
||||
|
||||
function findMovies(item) {
|
||||
return item.name === 'movies';
|
||||
}
|
||||
|
||||
console.log(items.find(findMovies));
|
||||
|
||||
// Output
|
||||
// { name: 'movies', quantity: 1 }
|
||||
```
|
||||
|
||||
يوضح المثال التالي إخراج كل معلمة اختيارية إلى وظيفة رد الاتصال. سيؤدي ذلك إلى `undefined` نظرًا لأن أيًا من العناصر لن يعود صحيحًا من وظيفة رد الاتصال.
|
||||
|
||||
`function showInfo(element, index, array) {
|
||||
console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
|
||||
return false;
|
||||
}
|
||||
|
||||
console.log('return = ' + [4, 6, 8, 12].find(showInfo));
|
||||
|
||||
// Output
|
||||
// element = 4, index = 0, array = 4,6,8,12
|
||||
// element = 6, index = 1, array = 4,6,8,12
|
||||
// element = 8, index = 2, array = 4,6,8,12
|
||||
// element = 12, index = 3, array = 4,6,8,12
|
||||
// return = undefined
|
||||
`
|
||||
```javascript
|
||||
function showInfo(element, index, array) {
|
||||
console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
|
||||
return false;
|
||||
}
|
||||
|
||||
console.log('return = ' + [4, 6, 8, 12].find(showInfo));
|
||||
|
||||
// Output
|
||||
// element = 4, index = 0, array = 4,6,8,12
|
||||
// element = 6, index = 1, array = 4,6,8,12
|
||||
// element = 8, index = 2, array = 4,6,8,12
|
||||
// element = 12, index = 3, array = 4,6,8,12
|
||||
// return = undefined
|
||||
```
|
@@ -10,8 +10,9 @@ localeTitle: Array.prototype.findIndex
|
||||
|
||||
بناء الجملة:
|
||||
|
||||
`arr.findIndex(callback[, thisArg])
|
||||
`
|
||||
```
|
||||
arr.findIndex(callback[, thisArg])
|
||||
```
|
||||
|
||||
##### المعلمات
|
||||
|
||||
@@ -36,35 +37,37 @@ localeTitle: Array.prototype.findIndex
|
||||
|
||||
سيجد هذا المثال العنصر المناظر في المصفوفة ويعيد الفهرس منه.
|
||||
|
||||
`let items = [
|
||||
{name: 'books', quantity: 2},
|
||||
{name: 'movies', quantity: 1},
|
||||
{name: 'games', quantity: 5}
|
||||
];
|
||||
|
||||
function findMovies(item) {
|
||||
return item.name === 'movies';
|
||||
}
|
||||
|
||||
console.log(items.findIndex(findMovies));
|
||||
|
||||
// Index of 2nd element in the Array is returned,
|
||||
// so this will result in '1'
|
||||
`
|
||||
```javascript
|
||||
let items = [
|
||||
{name: 'books', quantity: 2},
|
||||
{name: 'movies', quantity: 1},
|
||||
{name: 'games', quantity: 5}
|
||||
];
|
||||
|
||||
function findMovies(item) {
|
||||
return item.name === 'movies';
|
||||
}
|
||||
|
||||
console.log(items.findIndex(findMovies));
|
||||
|
||||
// Index of 2nd element in the Array is returned,
|
||||
// so this will result in '1'
|
||||
```
|
||||
|
||||
يوضح المثال التالي إخراج كل معلمة اختيارية إلى وظيفة رد الاتصال. هذا سيعود `-1` لأن أي من العناصر سيعود true من وظيفة رد الاتصال.
|
||||
|
||||
`function showInfo(element, index, array) {
|
||||
console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
|
||||
return false;
|
||||
}
|
||||
|
||||
console.log('return = ' + [4, 6, 8, 12].findIndex(showInfo));
|
||||
|
||||
// Output
|
||||
// element = 4, index = 0, array = 4,6,8,12
|
||||
// element = 6, index = 1, array = 4,6,8,12
|
||||
// element = 8, index = 2, array = 4,6,8,12
|
||||
// element = 12, index = 3, array = 4,6,8,12
|
||||
// return = -1
|
||||
`
|
||||
```javascript
|
||||
function showInfo(element, index, array) {
|
||||
console.log('element = ' + element + ', index = ' + index + ', array = ' + array);
|
||||
return false;
|
||||
}
|
||||
|
||||
console.log('return = ' + [4, 6, 8, 12].findIndex(showInfo));
|
||||
|
||||
// Output
|
||||
// element = 4, index = 0, array = 4,6,8,12
|
||||
// element = 6, index = 1, array = 4,6,8,12
|
||||
// element = 8, index = 2, array = 4,6,8,12
|
||||
// element = 12, index = 3, array = 4,6,8,12
|
||||
// return = -1
|
||||
```
|
@@ -6,16 +6,17 @@ localeTitle: Array.prototype.forEach
|
||||
|
||||
يتم استخدام أسلوب الصفيف 'forEach' للتكرار خلال كل عنصر في صفيف. يتم استدعاء الأسلوب على كائن الصفيف ويتم تمرير دالة تسمى على كل عنصر في الصفيف.
|
||||
|
||||
`var arr = [1, 2, 3, 4, 5];
|
||||
|
||||
arr.forEach(number => console.log(number * 2));
|
||||
|
||||
// 2
|
||||
// 4
|
||||
// 6
|
||||
// 8
|
||||
// 10
|
||||
`
|
||||
```javascript
|
||||
var arr = [1, 2, 3, 4, 5];
|
||||
|
||||
arr.forEach(number => console.log(number * 2));
|
||||
|
||||
// 2
|
||||
// 4
|
||||
// 6
|
||||
// 8
|
||||
// 10
|
||||
```
|
||||
|
||||
يمكن أن تأخذ وظيفة رد الاتصال أيضًا معلمة ثانية للفهرس في حال كنت بحاجة إلى الرجوع إلى فهرس العنصر الحالي في الصفيف.
|
||||
|
||||
|
@@ -13,10 +13,11 @@ localeTitle: Array.prototype.includes
|
||||
|
||||
### مثال
|
||||
|
||||
`const a = [1, 2, 3];
|
||||
a.includes(2); // true
|
||||
a.includes(4); // false
|
||||
`
|
||||
```js
|
||||
const a = [1, 2, 3];
|
||||
a.includes(2); // true
|
||||
a.includes(4); // false
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -24,16 +24,17 @@ localeTitle: Array.prototype.indexOf
|
||||
|
||||
## أمثلة
|
||||
|
||||
`var array = [1, 2, 4, 1, 7]
|
||||
|
||||
array.indexOf(1); // 0
|
||||
array.indexOf(7); // 4
|
||||
array.indexOf(6); // -1
|
||||
array.indexOf('1'); // -1
|
||||
array.indexOf('hello'); // -1
|
||||
array.indexOf(1, 2); // 3
|
||||
array.indexOf(1, -3); // 3
|
||||
`
|
||||
```javascript
|
||||
var array = [1, 2, 4, 1, 7]
|
||||
|
||||
array.indexOf(1); // 0
|
||||
array.indexOf(7); // 4
|
||||
array.indexOf(6); // -1
|
||||
array.indexOf('1'); // -1
|
||||
array.indexOf('hello'); // -1
|
||||
array.indexOf(1, 2); // 3
|
||||
array.indexOf(1, -3); // 3
|
||||
```
|
||||
|
||||
### معلومات اكثر:
|
||||
|
||||
|
@@ -10,18 +10,20 @@ localeTitle: Array.prototype.map
|
||||
|
||||
**ES5**
|
||||
|
||||
`var arr = [1, 2, 3, 4];
|
||||
var newArray = arr.map(function(element) { return element * 2});
|
||||
console.log(newArray); // [2, 4, 6, 8]
|
||||
`
|
||||
```js
|
||||
var arr = [1, 2, 3, 4];
|
||||
var newArray = arr.map(function(element) { return element * 2});
|
||||
console.log(newArray); // [2, 4, 6, 8]
|
||||
```
|
||||
|
||||
**ES6**
|
||||
|
||||
`const arr = [1, 2, 3, 4];
|
||||
const newArray = arr.map(element => element * 2);
|
||||
console.log(newArray);
|
||||
//[2, 4, 6, 8]
|
||||
`
|
||||
```js
|
||||
const arr = [1, 2, 3, 4];
|
||||
const newArray = arr.map(element => element * 2);
|
||||
console.log(newArray);
|
||||
//[2, 4, 6, 8]
|
||||
```
|
||||
|
||||
**معلومات اكثر**
|
||||
|
||||
|
@@ -23,12 +23,13 @@ localeTitle: Array.prototype.pop
|
||||
|
||||
## أمثلة
|
||||
|
||||
`let array = [1, 2, 3, 4];
|
||||
array.pop(); // removes 4
|
||||
console.log(array); // [1, 2, 3]
|
||||
|
||||
[].pop() // undefined
|
||||
`
|
||||
```js
|
||||
let array = [1, 2, 3, 4];
|
||||
array.pop(); // removes 4
|
||||
console.log(array); // [1, 2, 3]
|
||||
|
||||
[].pop() // undefined
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -6,8 +6,9 @@ localeTitle: Array.prototype.push
|
||||
|
||||
### بناء الجملة
|
||||
|
||||
`arr.push([element1[, ...[, elementN]]])
|
||||
`
|
||||
```javascript
|
||||
arr.push([element1[, ...[, elementN]]])
|
||||
```
|
||||
|
||||
### المعلمات
|
||||
|
||||
@@ -25,23 +26,26 @@ localeTitle: Array.prototype.push
|
||||
|
||||
## مثال:
|
||||
|
||||
`var myStarkFamily = ['John', 'Robb', 'Sansa', 'Bran'];
|
||||
`
|
||||
```javascript
|
||||
var myStarkFamily = ['John', 'Robb', 'Sansa', 'Bran'];
|
||||
```
|
||||
|
||||
افترض أن لديك مجموعة من أطفال House Stark من Game of Thrones. ومع ذلك ، فإن أحد الأعضاء ، **آريا** ، مفقود. معرفة الرمز أعلاه ، يمكنك إضافتها بتعيين `'Arya'` إلى الصفيف في الفهرس بعد الفهرس الأخير مثل:
|
||||
|
||||
`myStarkFamily[4] = 'Arya';
|
||||
`
|
||||
```javascript
|
||||
myStarkFamily[4] = 'Arya';
|
||||
```
|
||||
|
||||
المشكلة مع هذا الحل هو أنه لا يمكن معالجة الحالات العامة. إذا كنت لا تعرف مسبقا ما طول الصفيف ، لا يمكنك إضافة عناصر جديدة بهذه الطريقة. هذا هو ما `push()` ل. لا نحتاج إلى معرفة طول المصفوفة. نحن نضيف فقط عنصرنا في نهاية الصفيف.
|
||||
|
||||
`myStarkFamily.push('Arya');
|
||||
console.log(myStarkFamily); // ['John', 'Robb', 'Sansa', 'Bran', 'Arya']
|
||||
|
||||
var newLength = myStarkFamily.push('Rickon'); // oops! forgot Rickon
|
||||
console.log(newLength); // 6
|
||||
console.log(myStarkFamily); // ['John', 'Robb', 'Sansa', 'Bran', 'Arya', 'Rickon']
|
||||
`
|
||||
```javascript
|
||||
myStarkFamily.push('Arya');
|
||||
console.log(myStarkFamily); // ['John', 'Robb', 'Sansa', 'Bran', 'Arya']
|
||||
|
||||
var newLength = myStarkFamily.push('Rickon'); // oops! forgot Rickon
|
||||
console.log(newLength); // 6
|
||||
console.log(myStarkFamily); // ['John', 'Robb', 'Sansa', 'Bran', 'Arya', 'Rickon']
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -41,19 +41,20 @@ localeTitle: Array.prototype.reduce
|
||||
|
||||
قم بتحويل صفيف من السلاسل إلى كائن واحد يُظهر عدد المرات التي تظهر فيها كل سلسلة في الصفيف. لاحظ هذه المكالمة لتقليل التمريرات إلى كائن فارغ `{}` كمعلمة `initialValue` . سيتم استخدام هذا كقيمة أولية للمجمع (الوسيطة الأولى) التي تم تمريرها إلى وظيفة رد الاتصال.
|
||||
|
||||
`var pets = ['dog', 'chicken', 'cat', 'dog', 'chicken', 'chicken', 'rabbit'];
|
||||
|
||||
var petCounts = pets.reduce(function(obj, pet){
|
||||
if (!obj[pet]) {
|
||||
obj[pet] = 1;
|
||||
} else {
|
||||
obj[pet]++;
|
||||
}
|
||||
return obj;
|
||||
}, {});
|
||||
|
||||
console.log(petCounts);
|
||||
`
|
||||
```js
|
||||
var pets = ['dog', 'chicken', 'cat', 'dog', 'chicken', 'chicken', 'rabbit'];
|
||||
|
||||
var petCounts = pets.reduce(function(obj, pet){
|
||||
if (!obj[pet]) {
|
||||
obj[pet] = 1;
|
||||
} else {
|
||||
obj[pet]++;
|
||||
}
|
||||
return obj;
|
||||
}, {});
|
||||
|
||||
console.log(petCounts);
|
||||
```
|
||||
|
||||
انتاج: `js { dog: 2, chicken: 3, cat: 1, rabbit: 1 }`
|
||||
|
||||
|
@@ -10,19 +10,20 @@ localeTitle: Array.prototype.sort
|
||||
|
||||
مؤشر | الطابع --- | --- 33 |! 34 | " 35 | # 36 | $ 37 |٪
|
||||
|
||||
`var myArray = ['#', '!'];
|
||||
var sortedArray = myArray.sort(); // ['!', '#'] because in the ASCII table "!" is before "#"
|
||||
|
||||
myArray = ['a', 'c', 'b'];
|
||||
console.log(myArray.sort()); // ['a', 'b', 'c']
|
||||
console.log(myArray) // ['a', 'b', 'c']
|
||||
|
||||
myArray = ['b', 'a', 'aa'];
|
||||
console.log(myArray.sort()); // ['a', 'aa', 'b']
|
||||
|
||||
myArray = [1, 2, 13, 23];
|
||||
console.log(myArray.sort()); // [1, 13, 2, 23] numbers are treated like strings!
|
||||
`
|
||||
```js
|
||||
var myArray = ['#', '!'];
|
||||
var sortedArray = myArray.sort(); // ['!', '#'] because in the ASCII table "!" is before "#"
|
||||
|
||||
myArray = ['a', 'c', 'b'];
|
||||
console.log(myArray.sort()); // ['a', 'b', 'c']
|
||||
console.log(myArray) // ['a', 'b', 'c']
|
||||
|
||||
myArray = ['b', 'a', 'aa'];
|
||||
console.log(myArray.sort()); // ['a', 'aa', 'b']
|
||||
|
||||
myArray = [1, 2, 13, 23];
|
||||
console.log(myArray.sort()); // [1, 13, 2, 23] numbers are treated like strings!
|
||||
```
|
||||
|
||||
# الاستخدام المتقدم
|
||||
|
||||
@@ -30,19 +31,20 @@ localeTitle: Array.prototype.sort
|
||||
|
||||
### فمثلا
|
||||
|
||||
`function compare(a, b){
|
||||
if (a < b){return -1;}
|
||||
if (a > b){return 1;}
|
||||
if (a === b){return 0;}
|
||||
}
|
||||
|
||||
var myArray = [1, 2, 23, 13];
|
||||
console.log(myArray.sort()); // [ 1, 13, 2, 23 ]
|
||||
console.log(myArray.sort(compare)); // [ 1, 2, 13, 23 ]
|
||||
|
||||
myArray = [3, 4, 1, 2];
|
||||
sortedArray = myArray.sort(function(a, b){.....}); // it depends from the compareFunction
|
||||
`
|
||||
```js
|
||||
function compare(a, b){
|
||||
if (a < b){return -1;}
|
||||
if (a > b){return 1;}
|
||||
if (a === b){return 0;}
|
||||
}
|
||||
|
||||
var myArray = [1, 2, 23, 13];
|
||||
console.log(myArray.sort()); // [ 1, 13, 2, 23 ]
|
||||
console.log(myArray.sort(compare)); // [ 1, 2, 13, 23 ]
|
||||
|
||||
myArray = [3, 4, 1, 2];
|
||||
sortedArray = myArray.sort(function(a, b){.....}); // it depends from the compareFunction
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -14,26 +14,29 @@ localeTitle: Array.prototype.splice
|
||||
|
||||
إذا تم تضمين معلمة واحدة فقط ، فسيقوم `splice(start)` بإزالة كل عناصر الصفيف من `start` إلى نهاية الصفيف.
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(2);
|
||||
// exampleArray is now ['first', 'second'];
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(2);
|
||||
// exampleArray is now ['first', 'second'];
|
||||
```
|
||||
|
||||
إذا كانت `start` سلبية ، فسيتم حسابها إلى الخلف من نهاية الصفيف.
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(-1);
|
||||
// exampleArray is now ['first', 'second', 'third'];
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(-1);
|
||||
// exampleArray is now ['first', 'second', 'third'];
|
||||
```
|
||||
|
||||
#### لصق (ابدأ ، deleteCount)
|
||||
|
||||
إذا تم تضمين معلمة ثانية `splice(start, deleteCount)` فسيؤدي `splice(start, deleteCount)` إلى إزالة عناصر `deleteCount` من الصفيف ، بدءًا من `start` .
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 2);
|
||||
// exampleArray is now ['first', 'fourth'];
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 2);
|
||||
// exampleArray is now ['first', 'fourth'];
|
||||
```
|
||||
|
||||
#### لصق (ابدأ ، deleteCount ، newElement1 ، newElement2 ، ...)
|
||||
|
||||
@@ -41,27 +44,30 @@ localeTitle: Array.prototype.splice
|
||||
|
||||
يمكن إضافة العناصر دون إزالة أي عناصر بتمرير `0` كمعامل ثان.
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 0, 'new 1', 'new 2');
|
||||
// exampleArray is now ['first', 'new 1', 'new 2', 'second', 'third', 'fourth']
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 0, 'new 1', 'new 2');
|
||||
// exampleArray is now ['first', 'new 1', 'new 2', 'second', 'third', 'fourth']
|
||||
```
|
||||
|
||||
يمكن أيضا استبدال العناصر.
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 2, 'new second', 'new third');
|
||||
// exampleArray is now ['first', 'new second', 'new third', 'fourth']
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
exampleArray.splice(1, 2, 'new second', 'new third');
|
||||
// exampleArray is now ['first', 'new second', 'new third', 'fourth']
|
||||
```
|
||||
|
||||
### قيمة الإرجاع
|
||||
|
||||
بالإضافة إلى تغيير الصفيف الذي يتم استدعاؤه ، يقوم `splice()` أيضًا بإرجاع صفيف يحتوي على القيم التي تمت إزالتها. هذه طريقة لقطع صفيف إلى صفيفين مختلفين.
|
||||
|
||||
`let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
let newArray = exampleArray.splice(1, 2);
|
||||
// exampleArray is now ['first', 'fourth']
|
||||
// newArray is ['second', 'third']
|
||||
`
|
||||
```js
|
||||
let exampleArray = ['first', 'second', 'third', 'fourth'];
|
||||
let newArray = exampleArray.splice(1, 2);
|
||||
// exampleArray is now ['first', 'fourth']
|
||||
// newArray is ['second', 'third']
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
@@ -8,8 +8,9 @@ localeTitle: Array.prototype.toLocaleString
|
||||
|
||||
##### بناء الجملة:
|
||||
|
||||
`arr.toLocaleString();
|
||||
`
|
||||
```
|
||||
arr.toLocaleString();
|
||||
```
|
||||
|
||||
##### المعلمات
|
||||
|
||||
@@ -22,25 +23,27 @@ localeTitle: Array.prototype.toLocaleString
|
||||
|
||||
## أمثلة
|
||||
|
||||
`var number = 12345;
|
||||
var date = new Date();
|
||||
var myArray = [number, date, 'foo'];
|
||||
var myString = myArray.toLocaleString();
|
||||
|
||||
console.log(myString);
|
||||
// OUTPUT '12345,10/25/2017, 4:20:02 PM,foo'
|
||||
`
|
||||
```javascript
|
||||
var number = 12345;
|
||||
var date = new Date();
|
||||
var myArray = [number, date, 'foo'];
|
||||
var myString = myArray.toLocaleString();
|
||||
|
||||
console.log(myString);
|
||||
// OUTPUT '12345,10/25/2017, 4:20:02 PM,foo'
|
||||
```
|
||||
|
||||
يمكن عرض مخرجات مختلفة بناء على اللغة ومعرف المنطقة (اللغة).
|
||||
|
||||
`var number = 54321;
|
||||
var date = new Date();
|
||||
var myArray = [number, date, 'foo'];
|
||||
var myJPString = myArray.toLocaleString('ja-JP');
|
||||
|
||||
console.log(myJPString);
|
||||
// OUTPUT '54321,10/26/2017, 5:20:02 PM,foo'
|
||||
`
|
||||
```javascript
|
||||
var number = 54321;
|
||||
var date = new Date();
|
||||
var myArray = [number, date, 'foo'];
|
||||
var myJPString = myArray.toLocaleString('ja-JP');
|
||||
|
||||
console.log(myJPString);
|
||||
// OUTPUT '54321,10/26/2017, 5:20:02 PM,foo'
|
||||
```
|
||||
|
||||
### معلومات اكثر:
|
||||
|
||||
|
@@ -8,8 +8,9 @@ localeTitle: Array.prototype.values
|
||||
|
||||
### بناء الجملة
|
||||
|
||||
`arr.values()
|
||||
`
|
||||
```javascript
|
||||
arr.values()
|
||||
```
|
||||
|
||||
### عائدات
|
||||
|
||||
@@ -17,19 +18,20 @@ localeTitle: Array.prototype.values
|
||||
|
||||
### مثال
|
||||
|
||||
`let friends = ["Rachel", "Monica", "Chandler", "Phoebe", "Joey", "Ross"]
|
||||
|
||||
for (let friend of friends) {
|
||||
console.log(friend)
|
||||
}
|
||||
|
||||
// Rachel
|
||||
// Monica
|
||||
// Chandler
|
||||
// Phoebe
|
||||
// Joey
|
||||
// Ross
|
||||
`
|
||||
```javascript
|
||||
let friends = ["Rachel", "Monica", "Chandler", "Phoebe", "Joey", "Ross"]
|
||||
|
||||
for (let friend of friends) {
|
||||
console.log(friend)
|
||||
}
|
||||
|
||||
// Rachel
|
||||
// Monica
|
||||
// Chandler
|
||||
// Phoebe
|
||||
// Joey
|
||||
// Ross
|
||||
```
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
|
Reference in New Issue
Block a user