{"id":3916,"date":"2024-11-14T19:15:10","date_gmt":"2024-11-14T16:15:10","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/ic-ice-objelere-erismek-ve-dogrulamak-icin-yardimci-fonksiyonlar-bolum-2\/"},"modified":"2024-11-14T19:15:10","modified_gmt":"2024-11-14T16:15:10","slug":"ic-ice-objelere-erismek-ve-dogrulamak-icin-yardimci-fonksiyonlar-bolum-2","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/ic-ice-objelere-erismek-ve-dogrulamak-icin-yardimci-fonksiyonlar-bolum-2\/","title":{"rendered":"\u0130\u00e7 \u0130\u00e7e Objelere Eri\u015fmek ve Do\u011frulamak \u0130\u00e7in Yard\u0131mc\u0131 Fonksiyonlar: B\u00f6l\u00fcm 2"},"content":{"rendered":"

\u0130\u00e7 \u0130\u00e7e Objelere Eri\u015fmek ve Do\u011frulamak \u0130\u00e7in Yard\u0131mc\u0131 Fonksiyonlar: B\u00f6l\u00fcm 2<\/p>\n

Merhaba! Bu yaz\u0131m\u0131zda i\u00e7 i\u00e7e ge\u00e7mi\u015f JavaScript nesnelerinden veri al\u0131p do\u011frulama i\u00e7in yararl\u0131 yard\u0131mc\u0131 fonksiyonlar\u0131 inceleyece\u011fiz. Bir \u00f6nceki yaz\u0131m\u0131zda, derinlemesine nesne gezintisi i\u00e7in temel i\u015flevler ele al\u0131nm\u0131\u015ft\u0131. Bu yaz\u0131m\u0131zda ise daha karma\u015f\u0131k senaryolara ve do\u011frulama tekniklerine odaklanaca\u011f\u0131z.<\/p>\n

\u0130\u00e7 \u0130\u00e7e Nesnelerden Veri Almak<\/h2>\n

\u00d6ncelikle, i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerden verileri nas\u0131l alabilece\u011fimize bakal\u0131m. Ge\u00e7en sefer basit “get” fonksiyonunu kullanm\u0131\u015ft\u0131k. Ancak ger\u00e7ek d\u00fcnya senaryolar\u0131nda, veri yolunu dinamik olarak belirlemek gerekebilir. Bunun i\u00e7in, veri yolunu bir dize olarak kabul eden ve ilgili de\u011feri d\u00f6nd\u00fcren bir “get” fonksiyonu yazabiliriz:<\/p>\n

“`javascript
\nfunction get(obj, path) {
\n const keys = path.split(‘.’);
\n let result = obj;
\n for (const key of keys) {
\n if (result && result.hasOwnProperty(key)) {
\n result = result[key];
\n } else {
\n return undefined;
\n }
\n }
\n return result;
\n}
\n“`<\/p>\n

Bu fonksiyon, “path” parametresini nokta (.) ile ayr\u0131lm\u0131\u015f bir dize olarak kabul eder. Bu dize, istenen veriye ula\u015fmak i\u00e7in izlenecek yolu belirtir. Daha sonra bu yolu par\u00e7alara ay\u0131r\u0131r ve nesnede her bir par\u00e7an\u0131n olup olmad\u0131\u011f\u0131n\u0131 kontrol eder. E\u011fer yolun bir k\u0131sm\u0131 eksikse veya ge\u00e7ersiz ise “undefined” d\u00f6nd\u00fcr\u00fcr. Aksi takdirde, istenen de\u011feri d\u00f6nd\u00fcr\u00fcr.<\/p>\n

Veri Do\u011frulama<\/h2>\n

\u015eimdi de veri do\u011frulama konusuna ge\u00e7elim. Bir nesnedeki verinin do\u011fru formatta oldu\u011fundan emin olmak \u00f6nemlidir. \u00d6rne\u011fin, bir kullan\u0131c\u0131 ad\u0131 en az 3 karakter uzunlu\u011funda olmal\u0131 ve sadece harfler ve rakamlar i\u00e7ermelidir. Bu t\u00fcr do\u011frulamalar\u0131 yapmak i\u00e7in “validate” fonksiyonu kullanabiliriz:<\/p>\n

“`javascript
\nfunction validate(obj, rules) {
\n let errors = {};
\n for (const key in rules) {
\n if (rules.hasOwnProperty(key)) {
\n const rule = rules[key];
\n const value = get(obj, key);
\n if (!rule(value)) {
\n errors[key] = `Invalid value for ${key}`;
\n }
\n }
\n }
\n return errors;
\n}
\n“`<\/p>\n

Bu fonksiyon, “rules” parametresini bir nesne olarak kabul eder. Bu nesne, her bir anahtar\u0131n do\u011frulama fonksiyonunu temsil etti\u011fi bir dizi do\u011frulama kural\u0131n\u0131 i\u00e7erir. “validate” fonksiyonu, her bir kural\u0131 uygular ve kural ba\u015far\u0131s\u0131z olursa ilgili anahtar i\u00e7in hata mesaj\u0131 olu\u015fturur. T\u00fcm hatalar\u0131n sakland\u0131\u011f\u0131 bir nesneyi d\u00f6nd\u00fcr\u00fcr. \u0130\u015fte baz\u0131 temel do\u011frulama fonksiyonlar\u0131n\u0131n \u00f6rnekleri:<\/p>\n

“`javascript
\nfunction isString(value) {
\n return typeof value === ‘string’;
\n}<\/p>\n

function isNumber(value) {
\n return typeof value === ‘number’ && !isNaN(value);
\n}<\/p>\n

function isEmail(value) {
\n \/\/ Email format\u0131n\u0131 kontrol eden karma\u015f\u0131k bir regex kullanabilirsiniz
\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);
\n}
\n“`<\/p>\n

Bu fonksiyonlar, verinin t\u00fcr\u00fcn\u00fc ve format\u0131n\u0131 kontrol etmek i\u00e7in kullan\u0131labilir.<\/p>\n

\u00d6rnek Kullan\u0131m<\/h2>\n

\u0130\u015fte bu fonksiyonlar\u0131 nas\u0131l kullanaca\u011f\u0131n\u0131za dair bir \u00f6rnek:<\/p>\n

“`javascript
\nconst user = {
\n name: ‘John Doe’,
\n age: 30,
\n email: ‘john.doe@example.com’
\n};<\/p>\n

const rules = {
\n name: isString,
\n age: isNumber,
\n email: isEmail
\n};<\/p>\n

const errors = validate(user, rules);
\nconsole.log(errors); \/\/ { } – Hi\u00e7 hata yok
\n“`<\/p>\n

Bu \u00f6rnekte, “user” nesnesinde tan\u0131mlanan verilerin do\u011frulama kurallar\u0131na uyup uymad\u0131\u011f\u0131n\u0131 kontrol ediyoruz. Herhangi bir hata yoksa “errors” nesnesi bo\u015f olacakt\u0131r. Aksi takdirde, ilgili anahtarlar i\u00e7in hata mesajlar\u0131n\u0131 i\u00e7erecektir.<\/p>\n

Sonu\u00e7<\/h2>\n

Bu yaz\u0131m\u0131zda, i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerden veri al\u0131p do\u011frulamak i\u00e7in yard\u0131mc\u0131 fonksiyonlar olu\u015fturduk. Bu fonksiyonlar, kodunuzun temiz, organize ve okunabilir olmas\u0131n\u0131 sa\u011flar. Veri do\u011frulama, g\u00fcvenilir ve sa\u011flam uygulamalar olu\u015fturmak i\u00e7in hayati \u00f6nem ta\u015f\u0131r.<\/p>\n

Kaynaklar<\/h2>\n