Questions tagged [ecmascript-6]
ECMAScript 6 reached feature complete status in 2014. The features vary widely from completely new objects and patterns to syntax changes to new methods on existing objects.
646
questions
0
votes
0answers
29 views
Formatting and displaying the current time in the console every second [closed]
I have been reading the book Learning React: Modern Patterns for Developing React Apps. In Chapter 3, it gets into details about functional programming in JavaScript. At the end of this chapter, we ...
-2
votes
2answers
94 views
2
votes
2answers
63 views
JS script fetching GitHub API for personal website
I've built a very simple personal website, everything is in a single file because it is very straightforward, but I think the JS script could be better structured. All it does is fetch some repos from ...
1
vote
1answer
75 views
list of games to open radar match in iframe on for drop-down controls
In general my page is slow and has several points in the code that I believe can be improved, even in relation to the structure used. Anyway, the biggest problem is:
The page I'm creating is very ...
3
votes
2answers
113 views
Single user Electron application allowing basic CRUD operation on a table (stored in JSON)
I am completely new to JavaScript and I will be grateful for your comments on my Electron app (electron is a JS framework allowing to create of desktop apps).
I needed to create an application that ...
1
vote
1answer
51 views
Recursively access deeply nested object
Problem Statement
I need to access a deeply nested object. I could've used a 3rd party util such as Lodash but insisted myself on writing a Vanilla JS solution with a recursive strategy.
Code
Can this ...
3
votes
2answers
108 views
1
vote
3answers
114 views
Run-length coder
I have this code, which counts only adjacent letters in a string and returns the count of each letter.
...
4
votes
2answers
110 views
File naming (two files cannot have equal names)
This is a challenge I completed at CodeSignal.
You are given an array of desired filenames in the order of their creation. Since two files cannot have equal names, the one which comes later will have ...
3
votes
2answers
60 views
Limit second <select> options based on the first <select>
I want to see if there's a better way to write this code, solely in Javascript.
There are two kinds of sets, the first set (C7, T7, C11, T11) have four options in the first select, and then up to two ...
10
votes
4answers
1k views
Restructuring JSON to create a new JSON where properties are grouped according to similar values
I have a JSON structure in the following example format:
...
2
votes
0answers
42 views
Custom HTML Element with scrolling text
A junior developer here.
I wrote a simple javascript custom element code here: https://codepen.io/rndbox/pen/mdWxryw as clean as I could with some advice from Junior Vs Senior Code - How To Write ...
5
votes
1answer
227 views
JavaScript discrete slider web component
The standard HTML range input element suffers from a number of limitations that caused me to implement the web component presented here.
First, it is unnecessarily complicated to style the standard ...
2
votes
1answer
264 views
To-do app front-end in Vue 3
I have put together a To-do Application with the Slim framework on the back-end (API) and a Vue 3 front-end. I added a demo on my YouTube channel.
In the main App.vue file I have:
...
3
votes
2answers
57 views
concise way to build an object from an array of objects
The following code is working as expected but I'm wondering if there's a way to use Object.assign, or some other approach, to build the ...
4
votes
2answers
492 views
3
votes
1answer
123 views
Node backend to run user-submitted code in a virtual machine
As per the title, I'm making a webapp that is intended to use as a JS exercise platform. Problems are shown to users, they submit code, that code is run against a few test cases, and a report of the ...
2
votes
1answer
73 views
JavaScript copy-to-clipboard class
I am have made a small copy-to-clipboard script.
I have made a method called copyToClipboard that does the following:
create an input box;
read the content of an ...
4
votes
1answer
69 views
Javascript Pub/Sub
Here is a short pice of code that suppose to work as Pub/Sub or EventDisptacher of some sort.
I only do code in JS a few times a year, so hence I'm asking for your time. Right now I'm working on ...
4
votes
1answer
147 views
Randomly rearrange table rows without unnecessary reflows
I recently completed a coding challenge for a company that did not get me to the next stage.
They were kind enough to provide the following feedback:
The coding assignment does not match what we are ...
2
votes
2answers
39 views
Combine data from array of objects
I got this data structure and I am checking to see which properties are true, then I am adding the key for all the properties that are true to that object on a new ...
1
vote
1answer
60 views
A (deep) cloning method for ES-Objects
I have written a (recursive) deep clone method for ES/JS-objects. It seems to work fine, but maybe I'm missing things. Please, feel free to comment!
Note: the method will not clone cyclic structures. ...
3
votes
1answer
33 views
Get default value from query params + repeating code
The main goal of this task is to take values from the query parameter and put it in inputu. The first problem is that I don't know much about how to do it so that the code doesn't repeat itself and I ...
1
vote
2answers
91 views
Recursively find data in array of objects
On this script I look up properties in an array of objects. There is an original array of strings list to get the objects that match the ...
2
votes
1answer
55 views
Iterating through a list to generate calendars
I'm iterating through a list to generate calendars, the issue is each generator function has the same this.addToCalendar() function. I'd like to know how I could ...
2
votes
0answers
35 views
Weather app using es6 modules
i have recently built this simple weather-app.
I would be happy to get some criticisms to improve my code.
Structure:
app.js:
...
1
vote
1answer
47 views
Learning Javascript OOP with a Collapsing Item Class
I'm trying to get into object oriented javascript programming. I have written a class for collapsible elements as a test. These elements all have a certain class and no matter how many elements there ...
1
vote
1answer
154 views
Add / Overwrite an object in an array
I am trying to overwrite an object in an array if the title property exists, otherwise just push it to the array. I found two approaches and I wonder which one is ...
5
votes
1answer
135 views
JavaScript: A drawing program in OOP
I made a little drawing program in OOP.
The game consists of a canvas which is basically a 2d array where the user can draw various shapes on it. There can be multiple shapes overlapped on top of each ...
4
votes
1answer
92 views
Generate all partitions of a set of items
Here are the items:
var item = ['a', 'b', 'c', 'd'];
Desired output:
...
0
votes
1answer
138 views
Import XML files to MongoDb with Nodejs
Here is my code which will read XML files and import the data to MongoDb. Do you have any comments on my code?
...
1
vote
5answers
150 views
FizzBuzz solution
I'm preparing for junior developer interviews and am trying to come up with a more interesting/versatile solution to FizzBuzz than I've done in the past. Do you have any ideas of how I might DRY this ...
0
votes
2answers
45 views
Looping Array object with conditions and comparison the performance with ECMA VS Vanilla JS
The Plain vanilla JS needs to converted in to advanced ECMA. The below 3 snippets shown yields the correct result. Need to identify which among them is performance oriented
...
2
votes
1answer
42 views
Countdown Timer evaluation
Please consider evaluating the code below for best practices, efficiency, and mistakes. I got some of the code from W3 schools (I know, I know, but they've come a long way) and assimilated it to what ...
0
votes
3answers
69 views
function to get input group for user
I got tasked with writing a page that will add as many profile entries as the user wants, and web programming is not at all my field. There are multiple input groups but I'm just using the "age&...
0
votes
1answer
41 views
Avoid the object/array check and treat the return value the same way with JavaScript spread operator?
I'm trying to implement a function (a template-helper function) which provides a simple merge-like functionality for both arrays and objects. The two functions are basically looks identical:
...
1
vote
2answers
156 views
Create a simple hangman game using OOP and Javascript
I had a task to create a simple hangman game using O.O.P. with Javascript. It had to render the puzzle and remaining guesses to the DOM but didn't require any C.S.S.
This is what I created.
This is my ...
1
vote
1answer
46 views
Filtering Array Based on Element Values
Required to splice specific element value in an array based on the condition.
Both the below code does the same job and yields the correct results. But couldn't figure out how to reduce coding ...
0
votes
1answer
70 views
Transform this to one line arrow function ES6+
I am using one line arrow functions a lot, if they are well written I believe they can make code easier to read. I believe that the following code can be easily transformed into one liner but I can't ...
4
votes
2answers
251 views
A better solution for nested maps
I'm trying to build a nav, but the way I currently have the data setup I'm having to map within a map with a map to get all of my data out - I have a feeling that this is a poor way of doing something ...
4
votes
3answers
350 views
Microsoft OA | Longest Substring Without 3 Contiguous Occurrences of Letter
For the following question, does my JS Solution seem correct?
I'm looking for some peer review.
Q: Given a string s containing only a and b, find longest substring of s such that s does not contain ...
6
votes
2answers
88 views
Type ahead in JS
I've been following Wes Bos challenge, I wrote the code myself then looked at his finished example.
Here's my code (I only wrote the JS):
...
8
votes
2answers
272 views
Flex panels in CSS and JS
I was following Wes Bos JS 30-day challenge, so HTML and CSS are mostly are copy-paste,
I'd like feedback on JS (mostly).
Thanks.
...
2
votes
2answers
91 views
Cyclomatic Complexity (complexity)
I have a program for finding shortest distance/path and I got a correct answer but I am getting an issue i.e., "Function 'shortestPath' has a complexity of 9. Maximum allowed is 6." This is ...
8
votes
3answers
1k views
Error solution: Uncaught TypeError
Uncaught TypeError: document.getElementById(...) is null
I have a single JavaScript file that is connected to multiple pages. The below snippet is a function that is used for a single page. The above ...
11
votes
2answers
162 views
A simple parser generator
I need to parse simple DSLs in a few projects. Since I don't know BNF or other grammars, I figured an alternative would be to use a simple parser generator.
I'm looking for improvements to the lexer/...
7
votes
2answers
358 views
Animated Calendar using HTML + CSS + JS
I'm a beginner developer and I'm building a calendar for smartphones. I'm using HTML, CSS and JS. I'm not entirely done with the project yet, however, I have the feeling that I'm making a messy code. ...
7
votes
3answers
195 views
parse date and number from API results
I'm slurping up fields from an API that returns an array of fields. Each field in the array is a String that actually contains two separate fields (a number and a date). The number is enclosed in ...
2
votes
1answer
172 views
Infinite Slider Conversion to Prototype
I've found the following example of an infinite slider to use on a project but as I will have multiple instances I have converted it to a prototype.
The original example
https://medium.com/@...
5
votes
2answers
92 views
Very basic Vue todo list viewer
Problem
I keep trying to use various todo lists. But I keep coming back to the same situation; not having an active todo list. This can come in two forms:
I don't have a habit to open bespoke ...
