#javacript

[casual-outfit]

HTML CSS Bootstrap Project - A Static Website https://www.welookups.com

[obscurejavascript]

Generic Size Finding in JavaScript

Find the size of various objects in JavaScript often involves unique syntax for each type which makes all of that harder to remember and code more complex:

const _ = require('lodash'); const cars = [ { id: 'miata', hp: 155 }, { id: '4c', hp: 237 }, { id: 'elice', hp: 217 } ]; const uniqueCars = new Set(); uniqueCars.add(cars[0].id); uniqueCars.add(cars[1].id); uniqueCars.add(cars[2].id); uniqueCars.add(cars[0].id); uniqueCars.add(cars[1].id); console.log('Custom size:'); console.log(cars.length); // 3 console.log(Object.keys(cars[0]).length); // 2 console.log(cars[0].id.length); // 5 console.log(uniqueCars.size); // 3

A size function can be used to alleviate this. Here is an example using Lodash's function:

console.log(_.size(cars)); // 3 console.log(_.size(cars[0])); // 2 console.log(_.size(cars[0].id)); // 5 console.log(_.size(uniqueCars)); // 3 console.log(_.size(carsById)); // 2

Note that Lodash does not handle ArrayBuffer or DataView for size:

const buffer = new ArrayBuffer(8); // Get 4 bytes from the start const view = new DataView(buffer, 0, 4); console.log(_.size(buffer)); // 0 console.log(_.size(view)); // 0

Anyways, here is how it is done with custom code (This one supports ArrayBuffer):

function size(value) { if (typeof value === 'string') { return value.length; } // Note that the typeof null is object if (typeof value === 'object' && value !== null) { if ('size' in value) { return value.size; } if ('length' in value) { return value.length; } if ('byteLength' in value) { return value.byteLength; } return Object.keys(value).length; } return 0; }

Github Location https://github.com/Jacob-Friesen/obscurejs/blob/master/2018/size.js

[casual-outfit]

Learn How To Use JavaScript with HTML for Beginners https://welookups.com

[casual-outfit]

Learn How To Use JavaScript with HTML for Beginners https://welookups.com/

[casual-outfit]

https://www.welookups.com

HTML CSS Bootstrap Project - A Static Website

Free Online Tutorials Welookups provides tutorials like java tutorial, android, javascript, ajax, sql, python, php, c++ language etc. for beginners and professionals.

[cant-think-of-a-good-one]

opening vs code for the first time in a while to try to figure out how the fuck that cooltext website makes burning text

ough one big obfuscated line

oh lemme use prettier

ah ok

13177 lines

and basically every variable name and function name is one or two letters long. its almost like *checks notes* Legend Studio, doesnt want people to steal their code

this is gonna take a while

[hazbon]

タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」

AtroposAtroposはタッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリです。PCではマウスホバーで、タッチデバイスではドラッグで動かす事が出来ます。非依存で軽量なので手軽に導入する事が出来ます。HTM

[yazilimuniversitesi]

Java Script Math Object #1

The today over lesson is about the Java Script Math Object in Java Script. I hope this lesson is useful for you. Math.pow(), Math.sqrt(), Math.ceil(x), Math.round(), Math.abs(), Math.PI(), Math.floor(), Math.min() and Math.max(), Math.random() ……. (more…)

View On WordPress