JavaScript: Get the extension of a filename

Last update on May 30 2022 10:02:59 (UTC/GMT +8 hours)

JavaScript Basic: Exercise-14 with Solution

Write a JavaScript exercise to get the extension of a filename.

Pictorial Presentation:

JavaScript: Get the extension of a filename

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>The extension of a filename.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

filename = "system.php"
console.log(filename.split('.').pop());
filename = "abc.js"
console.log(filename.split('.').pop());

Sample Output:

php
js

ES6 Version:

filename = "system.php"
console.log(filename.split('.').pop());
filename = "abc.js"
console.log(filename.split('.').pop());

Live Demo:

See the Pen JavaScript: Extension of a filename - basic-ex-14 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript exercise to create a variable using a user-defined name.
Next: Write a JavaScript program to get the difference between a given number and 13, if the number is greater than 13 return double the absolute difference.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

JavaScript: Tips of the Day

How to insert an item into an array at a specific index (JavaScript)?

What you want is the splice function on the native array object.

arr.splice(index, 0, item); will insert item into arr at the specified index (deleting 0 items first, that is, it's just an insert). In this example we will create an array and add an element to it into index 2:

var arr = [];
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";

console.log(arr.join());
arr.splice(2, 0, "Lene");
console.log(arr.join());

Ref: https://bit.ly/2BXbp04