Jak używać tablic w aplikacjach
  • 22 Sep 2022
  • 4 Minuty do przeczytania
  • Współtwórcy

Jak używać tablic w aplikacjach


Przegląd

Oto jak przechowywać dane w tablicy w Tulipie i przenosić wartości z jednego typu danych do drugiego.

W tym artykule dowiesz się...

  • Jak tworzyć i używać tablic
  • Jak zmieniać tablice w edytorze wyzwalaczy
  • Jak zamienić wyjście z funkcji Connector w tablicę?

Tablice i obiekty to dwie popularne struktury danych, które są używane w wielu językach programowania. Tulip wykorzystuje te struktury danych w dwóch częściach platformy:

  1. Zmienne, do przechowywania wielu punktów danych związanych z tą samą zmienną
  2. Łączniki, aby przekazać wyjście funkcji łącznika do zmiennej.

Tablice mogą być tworzone:

  1. W edytorze wyzwalaczy (ręcznie)
  2. W edytorze wyrażeń (ręcznie)
  3. W widoku podsumowania zmiennych (pokazanym poniżej) (ręcznie)
  4. Zapisując wyjście z wejścia Multiselect.
  5. Zapisując wyjście funkcji złącza SQL, która zwraca wiele wierszy lub złącza HTTP z tablicą w zwracanym JSON (automatycznie)

Tworzenie tablic

W edytorze wyzwalaczy

Możesz utworzyć tablicę za pomocą akcji "Push onto Array".

  • "Arrays" "Push Onto Array" data: "Static Value" "text" "text" array: (utwórz tablicę tutaj)

W edytorze wyrażeń

Możesz utworzyć nową tablicę za pomocą akcji "Manipulacja danymi" "Store". Jak to:

  • "Manipulacja danymi" "Store" dane: "Expression" "[1,2,3]" location: "test_array"

Każda tablica może mieć tylko jeden typ wartości, czyli ciągi lub liczby całkowite.

W widoku podsumowania zmiennych

Przejdź do widoku podsumowania zmiennych w zakładce "App" w Context Pane, a następnie utwórz nową zmienną w górnej części modalu:

Manipulowanie tablicami

Możesz tworzyć tablice i manipulować nimi za pomocą edytora wyzwalaczy. W instrukcji "Then" kliknij "Add new Action", a następnie wybierz opcję "Arrays".

W następnym oknie rozwijanym zobaczysz różne metody tablicowe. Są one zgodne z metodami tablicowymi w JavaScript, więc sprawdź ten przewodnik po metodach tablicowych, jeśli potrzebujesz dalszych wyjaśnień.

Dostępne metody tablicowe obejmują:

  1. Clear Array (wyczyść tablicę)
  2. Konkatenacja tablic
  3. Pobierz z indeksu w tablicy
  4. Uzyskaj długość tablicy
  5. Wstaw pod indeksem w tablicy
  6. Dołącz do łańcucha
  7. Pop z tablicy
  8. Wstaw do tablicy
  9. Usunięcie i zapisanie elementu o indeksie w tablicy
  10. Usuń o indeksie w tablicy
  11. Ustaw indeks w tablicy
  12. Sumuj tablicę
  13. Zamień elementy w tablicy

W zależności od wyboru w tym dropdown, pozostałe pola dadzą opcje, jaką tablicą chciałbyś manipulować, jaki indeks chciałbyś zmienić i jaką nową wartość ustalasz.

  • "Arrays" "Set Index in Array" dane: "Static Value" "number" "90" array: "test_a" index: "Static Value" "integer" "0"

W powyższym przykładzie zmieniasz wartość pod indeksem 0 w tablicy o nazwie "test_a" na wartość 90.

  • "Arrays" "Get from index in Array" array: "Variable" "test_a" index: "Static Value" "integer" "0" store in variable: "test_vari"

I w powyższym przykładzie uzyskujesz dostęp do wartości na indeksie 0 tablicy o nazwie "test_a" i przechowujesz ją w zmiennej o nazwie "test_vari".

Przeszukiwanie tablic

Powiedzmy, że chcesz użyć widżetu multiselect, aby umożliwić operatorowi wprowadzenie wielu typów wad dotyczących jednego produktu. Następnie, w zależności od tego, jakie defekty wprowadzi, chciałbyś wysłać go do określonego zestawu kroków przeróbki.

Formularz multiselect automatycznie zapisuje wartości w tablicy. Tak więc, będziesz musiał przeszukać tę tablicę dla określonej wartości, a następnie wysłać operatora do określonego kroku.

W tym celu można użyć akcji wyzwalającej "Join To String". Połączy ona wszystkie elementy tablicy w jeden ciąg znaków i zapisze go w osobnej zmiennej. Następnie, w osobnym wyzwalaczu, możesz użyć instrukcji "If", aby sprawdzić, czy ten łańcuch zawiera określoną wartość.

Elementy tablicy mogą być oddzielone dowolnym ciągiem znaków, który wybierzesz. Większość użytkowników Tulipa preferuje przecinek (,).

Oto przykład łączenia wszystkich elementów w tablicy w ciąg znaków:

  • "Arrays" "Join To String" join: "defect types"
  • z delimiterem: "Static Value" "text" ","
  • store in: "defect_types_joined"

Oto drugi wyzwalacz, którego użyłbyś do przeszukania tego nowego ciągu dla określonej wartości:

IF

  • "Zmienna" "defect_types_joined" "Zawiera" "Static Value" "text" "chip"

Użycie Split String do tworzenia tablic

Na podstawie wszystkiego, co zostało omówione do tej pory, bardzo trudno byłoby uzyskać wyjście niektórych typów funkcji złączenia do tablicy. Aby rozwiązać ten problem, możesz użyć split string.

Jeśli chcesz przygotować wyjście funkcji złączenia do przechowywania w tablicy, musisz dodać wspólny znak pomiędzy każdym kawałkiem danych. Do typowych przykładów należą:

  • Średnik (;)
  • Przecinek (,)
  • Znak nowej linii ("ą")

Powiedzmy, że masz serię punktów danych, które chcesz przechowywać w tablicy. W zapytaniu SQL lub żądaniu HTTP GET najpierw będziesz chciał połączyć je w jeden ciąg, jeśli nie są już przechowywane w obiekcie.

Oto przykład:

7989;43f3;3e3;f34;f;34;3

Wspólnym delimiterem jest średnik.

W edytorze wyzwalaczy użyj opcji "Split String", aby przekształcić ten ciąg znaków w tablicę.

Najpierw wybierz zmienną, którą chcesz podzielić. W tym przypadku jest to "q".

Następnie dodaj delimiter.

Na koniec wybierz zmienną, w której chcesz przechowywać tablicę.

  • "Split String" podziel: "Variable" "q" by: "Static Value" "text" ";" przechowuj w: "w"

Wyświetlanie zmiennych tablicowych

Jeśli chcesz się upewnić, że to działa, dodaj jakiś zmienny tekst do kroku. Następnie wybierz zmienną, która przechowuje tablicę.

Na koniec otwórz Tulip Player i zobacz, czy wszystkie elementy tablicy pojawiają się jako wypunktowana lista. Być może będziesz musiał rozwinąć pole tekstowe, aby uwzględnić liczbę elementów w tablicy.

Gdy zwracasz tablicę z pojedynczym typem danych z konektorów HTTP (text, boolean, integer itp.), wyjściem będzie lista wypunktowana, jak pokazano w powyższym punkcie.

Wyświetlanie tablic z funkcji SQL i HTTP Connector

Gdy zwracasz tablicę obiektów z funkcji złącza HTTP lub wiele wierszy z funkcji złącza SQL, lista wypunktowana nie będzie idealnym sposobem wyświetlania.

Zamiast tego sprawdź ten osobny przewodnik, aby zobaczyć, jak przekształcić wyjście funkcji złączenia w interaktywną lub statyczną listę.

Przeglądanie wszystkich zmiennych tablicowych w aplikacji

Aby móc manipulować strukturą danych, musi ona być już zapisana jako zmienna. Możesz zobaczyć istniejące zmienne wchodząc do Context Pane w App Editor i wybierając symbol Sigma obok "Variables" w zakładce App.

Tablice będą wyświetlane jako "Array" w kolumnie "Type", w zależności od tego, jakie wartości zawierają. Możesz również utworzyć domyślne wartości dla indeksów tablicy.

Dalsza lektura


Czy znalazłeś to, czego szukałeś?

Możesz również udać się na stronę community.tulip.co, aby zadać swoje pytanie lub sprawdzić, czy inni spotkali się z podobnym pytaniem!


Czy ten artykuł był pomocny?