This code snippet is supposed to return hits = ["Heather, "Heather", "Heather"] but it's not functioning as expected. I'm a bit confused about what the issue might be.
var text = ["Heather", "kfdjsalfjdai", "fdjafhjdksafh", "Heather", "Heather", "fjdiafjdoisfhoids"];
var myName = "Heather";
var hits = [];
for(var i = 0; i < text.length; i++) {
if (text[i] === myName[i]) {
for(var j = i; j < (myName.length + i); j++); {
hits.push(text[j]);
}
}
}
To implement filtering in an array, you can make use of the filter function:
var filteredItems = items.filter(function (item) {
return item === targetItem;
});
Example
var items = ["Apple", "Banana", "Orange", "Apple", "Apple", "Mango"];
var targetItem = "Apple";
var filteredItems = items.filter(function (item) {
return item === targetItem;
});
console.log(filteredItems);Here's an essential answer that requires the use of a certain library. In this case, I am utilizing lodash:
var text = ["Heather", "kfdjsalfjdai", "fdjafhjdksafh", "Heather", "Heather", "something"],
myName = "Heather";
var hits = _.filter(text, _.matches([myName]);
This may seem a bit counterintuitive at first, so let me explain what's going on. The `_.filter` function essentially does the same thing as `Array.prototype.filter`, but it's more efficient. Feel free to run your own tests below to see how it performs:
https://jsperf.com/array-filter-vs-lodash-filter-without-bias/2
The reason why lodash functions like `map`, `reduce`, and `filter` are faster is because they don't strictly adhere to the spec implementation.
To elaborate, the `_.filter` function takes two arguments: a collection (array or object) and a function that evaluates to true or false. If true, it will return the item.
The `_.matches` function is a handy tool that generates a function capable of comparing its argument against the contents of a specified collection.
You could achieve the same result in a slightly different manner:
var hits = _.filter(text, function(str) {
return str === myName
});
In lodash, we often create functions that essentially perform equality checks. `_.matches` simply streamlines the process by creating an equality check function for us.
Verify against the searchName variable.
var words = ["Apple", "Banana", "Cherry", "Apple", "Grape",
"Orange"];
var searchName = "Apple";
var matches = [];
for(var j = 0; j < words.length; j++) {
if (words[j] === searchName) {
matches.push(words[j]);
}
}
console.log(matches);
Click here for a functional example
text[i] and myName[i] will always be different because text is an array containing multiple strings, while myName is a single string. For instance, when you compare text[1] === "Heather", it will never be the same as myName[1] === "H". This is because any index in myName will simply return a single character.
Currently, I have successfully set up a real-time chat application using node.js and socket.io. My next goal is to allow users to create accounts, search for other users by username, and send friend requests to start chatting. I have tried searching onlin ...
Are there any reported issues with npm on Ubuntu 18.04? Or are there known solutions to the 100:1 error? I am currently enrolled in a course and it's crucial for me to be able to execute code using npm test. Despite multiple attempts at deleting and ...
Although similar questions have been raised in the past, none has successfully addressed this particular issue; they only provide partial solutions. The objective is as follows: We possess a collection of videos referred to as video1, video2, video3, vid ...
This assignment is part of my classwork. The objective is to split 2 arrays at a given pivot point and create a "child" array from the split. For example, if the pivot point is 11 and the two arrays are: 1111111111111111 abcdefghijklmnop then the resulti ...
Here's my current situation: style={{ width: 'calc(100% - 300px)' }} I'm aiming for something like this: let myWidth: number = 300; style={{ width: 'calc(100% - {myWidth})' }} The example above doesn't work as expect ...
I’m currently in the process of creating a Node Express application designed for storing recipes. Through a ‘new recipe’ HTML form, users have the ability to input as many ingredients as necessary. These ingredients are then dynamically displayed usi ...
In my Ruby code snippet, I have the following: arr = [1,2] arr.each{|n| arr << n unless n > 2_000} I am wondering if there is a way to reference the array from within the block without defining it with a name? [1,2].each{|n| self << n unl ...
Having an issue with configuring images domains in the next.config.js file. Check out the contents of next.config.js below: module.exports = { reactStrictMode: true, env: { CLIENT_LOCAL_API_URL: '/api', CLIENT_API_URL: '/api' } ...
Currently, I am utilizing AngularJS to develop a table using ng-repeat. One of the columns looks like this: <tr ng-repeat="x in A"><td>{{calNoMonth(x)}}</td></tr> Unfortunately, during testing, I noticed that every time I make a c ...
I am trying to figure out a way to use one login for two different forms that serve different functions. How can I pass the login details between these two functions? Just to clarify, I only have knowledge of JavaScript and VBScript, not jQuery. For inst ...
I am currently working on setting up a simple connection between JavaScript and my database using ajax and PHP. The goal is for JavaScript to receive a name from an HTML form, make changes to it, send it to PHP to check if the name already exists in the da ...
Is there a way to synchronize the bounce animation with the scaling of an object, so that it appears smooth and fluid? I've tried using the animation delay property along with the transition delay property, but they don't seem to align correctly. ...
I want to display a customized message box in extjs with a unique user interface. I have experimented with Ext.MessageBox.show and Ext.Msg.wait functions for this task. My specific requirement is to exhibit a custom "Loading" image instead of a static rect ...
After spending hours searching, I still haven't found anything that fits my specific case. My e-commerce website is classic, multi-page, and server-rendered using JAVA One of the pages displays a list of products with pagination Currently, to enhanc ...
After developing a Vue app in VS Code, I encountered an issue where the home component was rendered twice on the screen when attempting to run the application. Below is a screenshot of the resulting homepage: Here is the code from Home.vue: ...
My dilemma involves creating two side-by-side modals using Bootstrap's grid logic. I have successfully implemented a single modal with the following code: <div class="modal fade bd-example-modal-lg" tabindex="-1" id="my_modal" role="dialog" aria- ...
Utilizing an SVG within another SVG, I am trying to manipulate the rotation of the <use> element in the SVG around its own center. I have attempted to use tips from a previous question to set the transform-origin and transform-box properties in the ...
Currently, I am working with Node 16.3.0 and Express 4.17.1 (although the Node version is open to change) In my project, I have a file named session.js structured as follows: // session.js exports.fetchUserId = async function(token){ ... } exports.sav ...
Currently, I am using Selenium WebdriverJs along with Mocha to conduct tests on Sauce Labs via Travis CI. After isolating the issue without any project dependencies, I am seeking help. The interesting observation is that defining an additional object with ...
I am working with two arrays in TypeScript. The first one is a products array containing objects with product names and IDs, like this: const products = [ { product: 'prod_aaa', name: 'Starter' }, { product: 'prod_bbb&apos ...