<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Geliştirme &#8211; CPYNET</title>
	<atom:link href="https://cpynet.com.tr/category/web-gelistirme/feed/" rel="self" type="application/rss+xml" />
	<link>https://cpynet.com.tr</link>
	<description>Yeni Nesil Teknoloji Platformu</description>
	<lastBuildDate>Wed, 20 Nov 2024 07:04:34 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://cpynet.com.tr/wp-content/uploads/2024/11/cropped-favicon-32x32.png</url>
	<title>Web Geliştirme &#8211; CPYNET</title>
	<link>https://cpynet.com.tr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JavaScript&#8217;te Belirli Bir Öğeyi Diziden Nasıl Kaldırabilirim?</title>
		<link>https://cpynet.com.tr/javascriptte-belirli-bir-ogeyi-diziden-nasil-kaldirabilirim/</link>
		
		<dc:creator><![CDATA[Emin Buyuk]]></dc:creator>
		<pubDate>Tue, 22 Oct 2024 08:35:19 +0000</pubDate>
				<category><![CDATA[Sorun Giderme]]></category>
		<category><![CDATA[Web Geliştirme]]></category>
		<category><![CDATA[programlama ve script]]></category>
		<guid isPermaLink="false">https://cpynet-wordpress.wekeea.easypanel.host/javascriptte-belirli-bir-ogeyi-diziden-nasil-kaldirabilirim/</guid>

					<description><![CDATA[Bir diziden kaldırmak istediğiniz öğenin indeksini indexOf kullanarak bulabilir ve ardından bu indeksi splice ile kaldırabilirsiniz. splice() metodu,&#8230;]]></description>
										<content:encoded><![CDATA[
<p>Bir diziden kaldırmak istediğiniz öğenin indeksini <code>indexOf</code> kullanarak bulabilir ve ardından bu indeksi <code>splice</code> ile kaldırabilirsiniz.</p>



<p><code>splice()</code> metodu, mevcut öğeleri kaldırarak ve/veya yeni öğeler ekleyerek bir dizinin içeriğini değiştirir.</p>



<p>Aşağıda basit bir örnek verilmiştir:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="const array = [2, 5, 9];

console.log(array); // [2, 5, 9]

const index = array.indexOf(5);
if (index &gt; -1) { // öğe bulunduğunda diziyi yalnızca spliceliyoruz
  array.splice(index, 1); // 2. parametre yalnızca bir öğe kaldırmayı belirtir
}

// array = [2, 9]
console.log(array); // [2, 9]
" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">array</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">]</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #88C0D0">console.log(array</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">]</span></span>
<span class="line"></span>
<span class="line"><span style="color: #88C0D0">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">array.indexOf</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">5</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">-1</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">öğe</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">bulunduğunda</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">diziyi</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">yalnızca</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">spliceliyoruz</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #88C0D0">array.splice(index,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">2</span><span style="color: #A3BE8C">.</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">parametre</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">yalnızca</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">bir</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">öğe</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">kaldırmayı</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">belirtir</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">array</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">]</span></span>
<span class="line"><span style="color: #88C0D0">console.log(array</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">]</span></span>
<span class="line"></span></code></pre></div>



<p><code>splice</code> metodunun ikinci parametresi, kaldırılacak öğe sayısını belirtir. Dikkat edin ki <code>splice</code> diziyi yerinde değiştirir ve kaldırılan öğeleri içeren yeni bir dizi döner.</p>



<p>Tamamlayıcılık açısından, iki işlev aşağıda verilmiştir. İlk işlev yalnızca bir kez bulunan bir öğeyi (örneğin, <code>[2, 5, 9, 1, 5, 8, 5]</code> dizisinden 5&#8217;in ilk eşleşmesini) kaldırırken, ikinci işlev tüm eşleşmeleri kaldırır:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="function removeItemOnce(arr, value) {
  var index = arr.indexOf(value);
  if (index &gt; -1) {
    arr.splice(index, 1);
  }
  return arr;
}

function removeItemAll(arr, value) {
  var i = 0;
  while (i < arr.length) {
    if (arr[i] === value) {
      arr.splice(i, 1);
    } else {
      ++i;
    }
  }
  return arr;
}

// Kullanım
console.log(removeItemOnce([2, 5, 9, 1, 5, 8, 5], 5)); // [2, 9, 1, 5, 8, 5]
console.log(removeItemAll([2, 5, 9, 1, 5, 8, 5], 5)); // [2, 9, 1, 8]
" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">removeItemOnce</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">arr,</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">value</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #88C0D0">var</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr.indexOf</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">value</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">-1</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #88C0D0">arr.splice(index,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">removeItemAll</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">arr,</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">value</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #88C0D0">var</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">i</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">0</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">while</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">i</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&lt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr.length</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">arr[i]</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">===</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">value</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">      </span><span style="color: #88C0D0">arr.splice(i,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">else</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">      </span><span style="color: #88C0D0">++i</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">  }</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">Kullanım</span></span>
<span class="line"><span style="color: #88C0D0">console.log(removeItemOnce([2,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">8</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">],</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #D8DEE9FF">))</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">8</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">]</span></span>
<span class="line"><span style="color: #88C0D0">console.log(removeItemAll([2,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">8</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #A3BE8C">],</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">5</span><span style="color: #D8DEE9FF">))</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">//</span><span style="color: #D8DEE9FF"> [2, </span><span style="color: #B48EAD">9</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">8</span><span style="color: #A3BE8C">]</span></span>
<span class="line"></span></code></pre></div>



<p>TypeScript&#8217;te, bu işlevler bir tür parametresi ile tür güvenliğini koruyabilir:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="function removeItem<T&gt;(arr: Array<T&gt;, value: T): Array<T&gt; { 
  const index = arr.indexOf(value);
  if (index &gt; -1) {
    arr.splice(index, 1);
  }
  return arr;
}
" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">removeItem&lt;T&gt;</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">arr:</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">Array</span><span style="color: #81A1C1">&lt;</span><span style="color: #D8DEE9FF">T</span><span style="color: #81A1C1">&gt;</span><span style="color: #A3BE8C">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">value:</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">T</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF">: Array</span><span style="color: #81A1C1">&lt;</span><span style="color: #D8DEE9FF">T</span><span style="color: #81A1C1">&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9FF"> </span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #88C0D0">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr.indexOf</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">value</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">if</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0">index</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">-1</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #88C0D0">arr.splice(index,</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">1</span><span style="color: #D8DEE9FF">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #A3BE8C">arr</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">}</span></span>
<span class="line"></span></code></pre></div>



<p>Bu şekilde, JavaScript veya TypeScript kullanarak diziden belirli öğeleri kaldırmayı kolayca gerçekleştirebilirsiniz.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Python py Dosyası ile ipynb Dosyası Arasındaki Fark Nedir?</title>
		<link>https://cpynet.com.tr/py-dosyasi-ile-ipynb-dosyasi-arasindaki-fark-nedir/</link>
		
		<dc:creator><![CDATA[Emin Buyuk]]></dc:creator>
		<pubDate>Tue, 22 Oct 2024 08:19:53 +0000</pubDate>
				<category><![CDATA[Web Geliştirme]]></category>
		<category><![CDATA[python]]></category>
		<guid isPermaLink="false">https://cpynet-wordpress.wekeea.easypanel.host/py-dosyasi-ile-ipynb-dosyasi-arasindaki-fark-nedir/</guid>

					<description><![CDATA[Python programlama dili, esnekliği ve geniş kütüphane desteği sayesinde dünya genelinde popülerlik kazanmıştır. Python projelerinde sıklıkla karşılaşılan iki&#8230;]]></description>
										<content:encoded><![CDATA[
<p>Python programlama dili, esnekliği ve geniş kütüphane desteği sayesinde dünya genelinde popülerlik kazanmıştır. Python projelerinde sıklıkla karşılaşılan iki dosya türü vardır: <code>.py</code> ve <code>.ipynb</code> dosyaları. Bu makalede, bu iki dosya türünün ne olduğunu, aralarındaki farkları ve hangi durumlarda hangisini kullanmanız gerektiğini detaylı bir şekilde inceleyeceğiz.</p>



<h3 class="wp-block-heading" id="py-dosyas%C4%B1-nedir">.py Dosyası Nedir?</h3>



<p><code>.py</code> dosyası, Python dilinde yazılmış bir betik dosyasıdır. Temel olarak düz metin formatında olup sadece Python kodlarınızı içerir. Bu dosya türü, genellikle geliştirme ve üretim ortamlarında kullanılır. <code>.py</code> dosyaları, herhangi bir metin düzenleyici veya entegre geliştirme ortamı (IDE) kullanılarak oluşturulabilir ve çalıştırılabilir.</p>



<p><strong>Özellikleri:</strong></p>



<ul class="wp-block-list">
<li><strong>Düz Metin:</strong> Sadece kod içerir, herhangi bir biçimlendirme veya görsel öğe barındırmaz.</li>



<li><strong>Taşınabilirlik:</strong> Herhangi bir Python çalıştırma ortamında kolayca çalıştırılabilir.</li>



<li><strong>Sadelik:</strong> Kodunuzu düzenlemek ve yönetmek için basit bir yapı sunar.</li>
</ul>



<h3 class="wp-block-heading" id="ipynb-dosyas%C4%B1-nedir">.ipynb Dosyası Nedir?</h3>



<p><code>.ipynb</code> dosyası, Jupyter Notebook ortamında kullanılan bir Python defteridir. Bu dosya türü, kodun yanı sıra kodun çalıştırılması sonucu elde edilen çıktıları, görselleri, metin açıklamalarını ve diğer medya öğelerini içerir. <code>.ipynb</code> dosyaları, özellikle veri bilimi, makine öğrenimi ve eğitim amaçlı projelerde yaygın olarak kullanılır.</p>



<p><strong>Özellikleri:</strong></p>



<ul class="wp-block-list">
<li><strong>Zengin İçerik:</strong> Kod, çıktı, grafikler, görseller ve metin hücrelerini barındırır.</li>



<li><strong>Etkileşimli:</strong> Kod hücreleri çalıştırılabilir ve anında sonuçlar görüntülenebilir.</li>



<li><strong>Paylaşılabilirlik:</strong> Projeleri görsel ve etkileşimli bir şekilde paylaşmak için idealdir.</li>
</ul>



<h3 class="wp-block-heading" id="i%CC%87ki-dosya-t%C3%BCr%C3%BC-aras%C4%B1ndaki-temel-farklar">İki Dosya Türü Arasındaki Temel Farklar</h3>



<p></p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Özellik</th><th><code>.py</code> Dosyası</th><th><code>.ipynb</code> Dosyası</th></tr></thead><tbody><tr><td><strong>Format</strong></td><td>Düz metin</td><td>JSON tabanlı yapı</td></tr><tr><td><strong>İçerik</strong></td><td>Sadece Python kodu</td><td>Kod, çıktı, grafikler, metin açıklamaları</td></tr><tr><td><strong>Kullanım Alanı</strong></td><td>Geliştirme, üretim, otomasyon</td><td>Veri analizi, eğitim, sunumlar</td></tr><tr><td><strong>Çalıştırma Ortamı</strong></td><td>Herhangi bir Python ortamı</td><td>Jupyter Notebook veya Jupyter Lab ortamı</td></tr><tr><td><strong>Görsellik</strong></td><td>Sınırlı (düz metin)</td><td>Zengin görsel ve etkileşimli öğeler</td></tr><tr><td><strong>Versiyon Kontrolü</strong></td><td>Kolay izlenebilir diffs</td><td>Difflar karmaşık olabilir, çünkü çıktı ve metadata içerir</td></tr></tbody></table></figure>



<p></p>



<h3 class="wp-block-heading" id="hangi-durumda-hangi-dosya-t%C3%BCr%C3%BCn%C3%BC-kullanmal%C4%B1s%C4%B1n%C4%B1z">Hangi Durumda Hangi Dosya Türünü Kullanmalısınız?</h3>



<p><strong><code>.py</code> Dosyası Kullanmanız Gereken Durumlar:</strong></p>



<ul class="wp-block-list">
<li><strong>Uygulama Geliştirme:</strong> Web uygulamaları, masaüstü uygulamaları gibi projelerde kodun temiz ve düzenli bir şekilde yönetilmesi gerektiğinde.</li>



<li><strong>Otomasyon Scriptleri:</strong> Görev otomasyonu, veri işleme scriptleri yazarken.</li>



<li><strong>Üretim Ortamları:</strong> Canlı sistemlerde çalıştırılacak kodlar için.</li>
</ul>



<p><strong><code>.ipynb</code> Dosyası Kullanmanız Gereken Durumlar:</strong></p>



<ul class="wp-block-list">
<li><strong>Veri Analizi ve Bilimsel Araştırmalar:</strong> Veri setlerini analiz ederken, sonuçları görselleştirirken.</li>



<li><strong>Eğitim ve Öğretim:</strong> Öğrencilere kodlama öğretirken, adım adım açıklamalar ve görsellerle desteklemek için.</li>



<li><strong>Prototip Geliştirme:</strong> Hızlıca fikirleri test etmek ve görselleştirmek istediğiniz durumlarda.</li>
</ul>



<h3 class="wp-block-heading" id="dosya-t%C3%BCrlerini-anlaman%C4%B1n-en-i%CC%87yi-yolu">Dosya Türlerini Anlamanın En İyi Yolu</h3>



<p><code>.py</code> ve <code>.ipynb</code> dosyalarının farkını daha iyi anlamak için her iki dosya türünü de bir metin düzenleyici ile açabilirsiniz. Örneğin, Windows&#8217;ta Notepad veya Linux&#8217;ta Gedit gibi basit bir metin editörü kullanarak her iki dosyayı da görüntüleyebilirsiniz. <code>.py</code> dosyası temiz bir metin olarak görünürken, <code>.ipynb</code> dosyası JSON formatında karmaşık bir yapı sergileyecektir.</p>



<h3 class="wp-block-heading" id="gitte-hangi-dosya-t%C3%BCr%C3%BCn%C3%BC-kullanmal%C4%B1s%C4%B1n%C4%B1z">Git&#8217;te Hangi Dosya Türünü Kullanmalısınız?</h3>



<p>Projelerinizin amacına bağlı olarak, Git üzerinde hangi dosya türünü saklayacağınıza karar vermelisiniz:</p>



<ul class="wp-block-list">
<li><strong>Eğitim Amaçlı veya Görsel Sunumlar:</strong> <code>.ipynb</code> dosyalarını Git&#8217;e ekleyebilirsiniz. Bu sayede, kodun yanı sıra elde edilen sonuçları da görsel olarak paylaşabilirsiniz.</li>



<li><strong>Üretim ve Sunucu Ortamları:</strong> Sadece <code>.py</code> dosyalarını saklamanız yeterlidir. Bu dosyalar, sunucularda çalıştırılmak üzere optimize edilmiştir ve gereksiz görsel öğeler içermez.</li>
</ul>



<h3 class="wp-block-heading" id="sonu%C3%A7">Sonuç</h3>



<p>Python projelerinde <code>.py</code> ve <code>.ipynb</code> dosya türleri, farklı ihtiyaçlara yönelik çözümler sunar. <code>.py</code> dosyaları, temiz ve düzenli bir şekilde kod yazmak ve yönetmek için idealken, <code>.ipynb</code> dosyaları, görsel ve etkileşimli projeler için mükemmel bir seçenektir. Projenizin amacına ve kullanım senaryonuza bağlı olarak doğru dosya türünü seçmek, geliştirme sürecinizi daha verimli ve etkili hale getirecektir.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
