Useful Functions - Revision history

Bacchas: /* indexOf */

2016-12-13T21:00:25Z

indexOf

← Older revision		Revision as of 21:00, 13 December 2016
Line 66:		Line 66:
	var pos = str.indexOf("world");		var pos = str.indexOf("world");
	-1 is returned when item is not found		-1 is returned when item is not found
			''' Array indexOf '''
			var myarray=[1,2,3];
			myarray.indexOf(2);
			Returns position

	== Split ==		== Split ==

2016-12-13T20:38:28Z

indexOf

← Older revision		Revision as of 20:38, 13 December 2016
Line 62:		Line 62:

	== indexOf ==		== indexOf ==
			''' return the starting position of a string '''
			var str = "Hello World";
			var pos = str.indexOf("world");
			-1 is returned when item is not found

	== Split ==		== Split ==

2016-12-05T21:21:38Z

Slice

@@ Line 70: / Line 70: @@
   ['hello', 1]
-== Slice ==
+== Slice for Text and Arrays==
 ==[[#top|Back To Top]]-[[Main_Page| Home]] - [[Java Script|Category]]==

2016-12-02T22:16:58Z

← Older revision		Revision as of 22:16, 2 December 2016
Line 56:		Line 56:
	'''ES6 Equivalent Rest Parameter'''		'''ES6 Equivalent Rest Parameter'''
	function isFullAge(...years){		function isFullAge(...years){
	~~console~~.~~log~~(~~years~~);		years.forEach(cur=> (216-cur)>=18);
	}		}
	isFullAge(1990,1921,1967);		isFullAge(1990,1921,1967);

2016-12-02T20:11:47Z

← Older revision		Revision as of 20:11, 2 December 2016
Line 45:		Line 45:
	Array.form(all).forEach(cur=> cur.style.color='purple') // returns an array		Array.form(all).forEach(cur=> cur.style.color='purple') // returns an array

			==Argument function==
			'''Allows you to pass an unlimited number of arguments to a function'''
			function isFullAge(){
			var args = Array.prototype.slice.call(arguments);
			args.forEach(function(cur){
			console.log(2016 - cur) >= 18);
			})
			isFullAge(1990,1921,1967);

			'''ES6 Equivalent Rest Parameter'''
			function isFullAge(...years){
			console.log(years);
			}
			isFullAge(1990,1921,1967);
	== Splice ==		== Splice ==

2016-12-02T19:58:42Z

← Older revision		Revision as of 19:58, 2 December 2016
Line 43:		Line 43:

	const all = [h, ...boxes];		const all = [h, ...boxes];
			Array.form(all).forEach(cur=> cur.style.color='purple') // returns an array


	== Splice ==		== Splice ==

2016-12-02T19:57:13Z

← Older revision		Revision as of 19:57, 2 December 2016
Line 29:		Line 29:
	var sum2 = addFourAges.apply(null, ages);		var sum2 = addFourAges.apply(null, ages);
	// the null refers to the this		// the null refers to the this
			===ES6 Spread Operator===
	'''ES6 Equivalent Spread Operator'''		'''ES6 Equivalent Spread Operator'''
	const sum3 = addFourAges(...ages);		const sum3 = addFourAges(...ages);
Line 35:		Line 35:

	''' Join two Arrays '''		''' Join two Arrays '''
			const arrayOne= ['hello', 'two'];
			const arrayTwo = ['three', 'four'];
			const arrayThree = [...arrayOne, ...arrayTow];
			''' Looping through all elements and changing the color '''
			const h = document.querySelector(h1)
			const boxes = documwnt.querySelectorAll('.box');

			const all = [h, ...boxes];

	== Splice ==		== Splice ==

2016-12-02T16:42:01Z

@@ Line 19: / Line 19: @@
 ==Apply==
 <pre>
 </pre>
 == Splice ==

2016-12-02T16:12:51Z

2016-12-02T16:04:10Z

Map function

← Older revision		Revision as of 16:04, 2 December 2016
Line 11:		Line 11:
	''' This will get the 'true' boolean value of ages>= 18 then we have to use the indexOf to find the element position		''' This will get the 'true' boolean value of ages>= 18 then we have to use the indexOf to find the element position
	console.log(ages[full.indexOf(true)]);		console.log(ages[full.indexOf(true)]);
			''' ES6 Equivalent '''
			This returns the index
			var index = ages.findIndex(cur => cur >= 18);

			''' This returns the actual age '''
			var ageover18 = ages.find(cur => 18);

	== Splice ==		== Splice ==