<?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>JavaScript | SDT 攻城獅區</title>
	<atom:link href="https://sdt.hameba.tw/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>https://sdt.hameba.tw</link>
	<description>由Steven, Der, Ted 三位高級打字員所組成，是三位工程師(攻城獅)所維護的技術分享平台，或許偶爾會分享一些日常，有任何問題或是錯誤的部分，歡迎留言告訴我們！</description>
	<lastBuildDate>Thu, 20 Feb 2020 15:44:31 +0800</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.3</generator>

<image>
	<url>https://sdt.hameba.tw/wp-content/uploads/2020/02/hameba_favicon-150x150.png</url>
	<title>JavaScript | SDT 攻城獅區</title>
	<link>https://sdt.hameba.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JavaScript includes 用法</title>
		<link>https://sdt.hameba.tw/527/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=javascript-includes-%25e7%2594%25a8%25e6%25b3%2595</link>
				<comments>https://sdt.hameba.tw/527/#respond</comments>
				<pubDate>Thu, 20 Feb 2020 15:44:31 +0000</pubDate>
		<dc:creator><![CDATA[Ted]]></dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">https://sdt.hameba.tw/?p=527</guid>
				<description><![CDATA[<p>相信大家常常在做字串比對的處理，這次我要介紹一個新的字串比對處理方法 includes ， 他會用你指定的字串 &#8230; </p>
<p class="link-more"><a href="https://sdt.hameba.tw/527/" class="more-link">閱讀全文<span class="screen-reader-text">〈JavaScript includes 用法〉</span></a></p>
The post <a href="https://sdt.hameba.tw/527/">JavaScript includes 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></description>
								<content:encoded><![CDATA[<p>相信大家常常在做字串比對的處理，這次我要介紹一個新的字串比對處理方法 <code>includes</code> ， 他會用你指定的字串去搜尋要比對的內容中，是否有匹配的字。</p>
<p><span id="more-527"></span></p>
<p>語法:  string.includes(&lt;要搜尋的字&gt;, &lt;要比對的位置&gt;)。</p>
<p>回傳的值：true / false，有找到要搜尋的字會回傳 true，反之則是 false。</p><pre class="crayon-plain-tag">// JavaScript includes method

// example

const string = 'This is a test';

console.log(string.includes('test')); // true
// 注意這邊連大小寫都會區分出來，如果不一樣，會回傳 false
console.log(string.includes('Test')); // false
console.log(string.includes('hello')); // false</pre><p>&nbsp;</p>
<p>&nbsp;</p>The post <a href="https://sdt.hameba.tw/527/">JavaScript includes 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></content:encoded>
							<wfw:commentRss>https://sdt.hameba.tw/527/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>JavaScript every 用法</title>
		<link>https://sdt.hameba.tw/404/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=javascript-every-%25e7%2594%25a8%25e6%25b3%2595</link>
				<comments>https://sdt.hameba.tw/404/#respond</comments>
				<pubDate>Sun, 29 Dec 2019 16:03:17 +0000</pubDate>
		<dc:creator><![CDATA[Ted]]></dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">https://sdt.hameba.tw/?p=404</guid>
				<description><![CDATA[<p>前篇介紹過 JavaScript some 函式的用法，some 函式的用途是只要其陣列的其中一個數值，有通過 &#8230; </p>
<p class="link-more"><a href="https://sdt.hameba.tw/404/" class="more-link">閱讀全文<span class="screen-reader-text">〈JavaScript every 用法〉</span></a></p>
The post <a href="https://sdt.hameba.tw/404/">JavaScript every 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></description>
								<content:encoded><![CDATA[<p>前篇介紹過 JavaScript <code>some</code> 函式的用法，<code>some</code> 函式的用途是只要其陣列的其中一個數值，有通過 callback 函式的測試，就代表其陣列是符合需求的，但 <code>every</code> 恰恰相反，他是要全部得數值都通過，才算數喔。</p>
<p><span id="more-404"></span></p>
<p>JavaScript <code>every</code> ，此方法跟 <code>some</code> 很像，也是透過給予的 callback 函式，去檢視測試的目標陣列中，是否有數值，符合/ 通過 callback 函式的檢測，其回傳的內容，也是布林值 <code>true</code> /  <code>false</code>。</p><pre class="crayon-plain-tag">// 這次一樣使用判斷是否是偶數來舉例
let even = function(element) {
  // 希望數值是偶數
  return element % 2 === 0;
};
let array = [1, 3, 5];
console.log(array.every(even)); // false

let array2 = [1, 2, 5];
console.log(array2.every(even)); // false

let array3 = [2, 4, 6];
console.log(array3.every(even)); // true，因為所有條件成立</pre><p>參考資料：<a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/every">https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/every</a></p>
<p>&nbsp;</p>
<div id="gtx-trans">
<div class="gtx-trans-icon"></div>
</div>The post <a href="https://sdt.hameba.tw/404/">JavaScript every 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></content:encoded>
							<wfw:commentRss>https://sdt.hameba.tw/404/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>JavaScript some 用法</title>
		<link>https://sdt.hameba.tw/401/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=javascript-some-%25e7%2594%25a8%25e6%25b3%2595</link>
				<comments>https://sdt.hameba.tw/401/#respond</comments>
				<pubDate>Sun, 29 Dec 2019 15:48:50 +0000</pubDate>
		<dc:creator><![CDATA[Ted]]></dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">https://sdt.hameba.tw/?p=401</guid>
				<description><![CDATA[<p>之前因工作研究過了 JavaScript filter 用法，索性就一起研究了其他 Array 提供的功能。  &#8230; </p>
<p class="link-more"><a href="https://sdt.hameba.tw/401/" class="more-link">閱讀全文<span class="screen-reader-text">〈JavaScript some 用法〉</span></a></p>
The post <a href="https://sdt.hameba.tw/401/">JavaScript some 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></description>
								<content:encoded><![CDATA[<p>之前因工作研究過了 JavaScript filter 用法，索性就一起研究了其他 Array 提供的功能。</p>
<p>這次要介紹的 <code>some</code> ，此方法會透過給予的 callback 函式，去檢視測試的目標陣列中，是否有數值，符合/ 通過 callback 函式的檢測，此方法回傳的是布林值  <code>true</code> / <code>false</code> 。</p>
<p><span id="more-401"></span></p><pre class="crayon-plain-tag">let even = function(element) {
  // 希望數值是偶數
  return element % 2 === 0;
};

let array = [1, 3, 5];
array.some(even); // console false

let array2 = [1, 3, 2, 5];
array2.some(even); // console true，因為有一個條件成立


//語法
array.some(callback[, thisArg])</pre><p>&nbsp;</p>
<p>參考資料： <a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/some">https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/some</a></p>
<div id="gtx-trans">
<div class="gtx-trans-icon"></div>
</div>The post <a href="https://sdt.hameba.tw/401/">JavaScript some 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></content:encoded>
							<wfw:commentRss>https://sdt.hameba.tw/401/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>JavaScript filter 用法</title>
		<link>https://sdt.hameba.tw/156/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=javascript-filter-%25e7%2594%25a8%25e6%25b3%2595</link>
				<comments>https://sdt.hameba.tw/156/#respond</comments>
				<pubDate>Sat, 30 Nov 2019 17:04:55 +0000</pubDate>
		<dc:creator><![CDATA[Ted]]></dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://192.168.100.203/?p=156</guid>
				<description><![CDATA[<p>Array.prototype.filter 因為工作需要從原本的資料中，篩選一些資料出來，故查了 JavaS &#8230; </p>
<p class="link-more"><a href="https://sdt.hameba.tw/156/" class="more-link">閱讀全文<span class="screen-reader-text">〈JavaScript filter 用法〉</span></a></p>
The post <a href="https://sdt.hameba.tw/156/">JavaScript filter 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></description>
								<content:encoded><![CDATA[<p>Array.prototype.filter</p>
<p class="">因為工作需要從原本的資料中，篩選一些資料出來，故查了 JavaScript 有哪些函式可以使用，找到了 filter，所以筆記一下。</p>
<p><span id="more-156"></span><br />
JavaScript filter  會經指定之函式(規則)運算後，由原本陣列中通過該函式檢驗之元素所構成一個新陣列。</p><pre class="crayon-plain-tag">let kw = '法拉利';
let filterList = ['中古車', '二手車', '車'].filter(list =&gt; list.indexOf(kw) !== -1);
console.log(filterList); // Array []

let kw = '車';
let filterList = ['中古車', '二手車', '車'].filter(list =&gt; list.indexOf(kw) !== -1);
console.log(filterList); // Array ["中古車", "二手車", "車"]

// 語法
var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])</pre><p>&nbsp;</p>
<p>資料參考來源</p>
<p><a href="https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/filter">https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/filter</a></p>
<div id="gtx-trans">
<div class="gtx-trans-icon"></div>
</div>The post <a href="https://sdt.hameba.tw/156/">JavaScript filter 用法</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></content:encoded>
							<wfw:commentRss>https://sdt.hameba.tw/156/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
	</channel>
</rss>
