Ի՞նչ է pipe-ը վեբ զարգացման համատեքստում։

Վեբ-զարգացման համատեքստում, հատկապես Angular նման ֆրեյմվորկներում, պայպ (pipe) — դա ֆունկցիա է, որը փոխում է մուտքային տվյալները ցանկալի ձևաչափի՝ ցուցադրման համար։ Պայպերը օգտագործվում են տվյալների ֆիլտրացման, ձևաչափավորման կամ դասավորության համար՝ առանց տվյալների մոդելի փոփոխության։ Դրանք բարձրացնում են կոդի վերօգտագործելիությունը և բարելավում են շաբլոնի ընթեռնելիությունը:

Օգտագործման օրինակներ:

• Ամսաթվերի ձևաչափավորում՝ Date օբյեկտը վերածելով որոշակի ձևաչափի տողի (MM/dd/yyyy)
• Վալյուտի ձևաչափավորում՝ նշան ավելացնելով և թվային արժեքը ձևաչափելով
• Տեքստի ռեգիստրի փոփոխություն՝ վերածելով վերևի կամ ստորին ռեգիստրի
• Ցուցակների ֆիլտրում՝ ցուցադրելով միայն այն տարրերը, որոնք համապատասխանում են որոշակի չափանիշներին
• Ցուցակների դասավորություն՝ տարրերի դասավորություն

Օգտագործման սինտաքսիս Angular շաբլոնում:

<!-- Ամսաթվը ցուցադրում է MM/dd/yyyy ձևաչափով -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Թվային արժեքը որպես վալյուտ ցուցադրում է -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Տեքստը վերածում է վերևի ռեգիստրի -->
<p>{{ someText | uppercase }}</p>

Այլ վեբ-զարգացման համատեքստերում (օրինակ՝ Node.js սերվերային մասում կամ տվյալների հոսքերի հետ աշխատելիս) "pipe" կարող է վերաբերում տվյալների փոխանցման մեխանիզմին՝ մի հրամանի կամ ֆունկցիայի ելքը փոխանցելով մյուսին, ինչը թույլ է տալիս կառուցել շղթայական գործողություններ։ Օրինակ՝ Node.js-ում stream.pipe() օգտագործվում է տվյալների փոխանցման համար ընթերցման հոսքից գրության հոսք։

// Pipe-ի օգտագործման օրինակ Node.js-ում՝ ֆայլի պատճենահանում
const fs = require('fs');

const readStream = fs.createReadStream('input.txt');
const writeStream = fs.createWriteStream('output.txt');

readStream.pipe(writeStream); // Տվյալների փոխանցում readStream-ից writeStream

Սակայն, առավել տարածված իմաստը "pipe" տերմինի՝ ֆրեյմվորկների համատեքստում, կապված է տվյալների ձևափոխման հետ՝ շաբլոններում ցուցադրման համար։