props: { spawns: Boolean
data() { return { play: false, active: false, prepare: false, spawns: {
<div class="hr"><div class="logo"><div class="icon">
const classes = {
Class1: class {
constructor(val) {
this.val = val;
}
method1() {
console.log('Class1', this.val);
}
},
Class2: class {
constructor(val1, val2) {
this.val1 = val1;
this.val2 = val2;
}
method2() {
console.log('Class2', this.val1, this.val2);
}
},
};
function createInstanceAddCallMethod(className, constructorParams, methodName) {
const instance = new classes[className](...constructorParams);
instance[methodName]();
}
createInstanceAddCallMethod('Class1', [ 69 ], 'method1');
createInstanceAddCallMethod('Class2', [ 187, 666 ], 'method2');
const newArray = numbers.filter(i => i !== firstMin);
function sumTwoSmallestNumbers(nums) {
const iMin = nums.indexOf(Math.min(...nums));
return nums[iMin] + Math.min(...nums.filter((_, i) => i !== iMin));
}const sumTwoSmallestNumbers = ([...nums]) => nums
.sort((a, b) => b - a)
.slice(-2)
.reduce((acc, n) => acc + n, 0);function sumTwoSmallestNumbers(nums) {
const count = Object.entries(nums.reduce((acc, n) => (acc[n] = -~acc[n], acc), {}));
return +count[0][0] + +count[+(count[0][1] === 1)][0];
}function sumTwoSmallestNumbers(nums) {
let min1 = Infinity;
let min2 = Infinity;
for (const n of nums) {
if (n < min1) {
[ min1, min2 ] = [ n, min1 ];
} else if (n < min2) {
min2 = n;
}
}
return min1 + min2;
}
// или
const sumTwoSmallestNumbers = nums =>
eval(nums.reduce(([ min1, min2 ], n) =>
n < min1 ? [ n, min1 ] :
n < min2 ? [ min1, n ] :
[ min1, min2 ]
, [ Infinity, Infinity ]).join('+'));
$grouped = array_map(function($n) {
for ($i = 1; $i < count($n); $i++) {
$min = min($n[$i]);
$max = max($n[$i]);
$n[$i] = ($min === $max) ? $min : "$min-$max";
}
return $n;
}, array_values(array_reduce($arr, function($acc, $n) {
$acc[$n[0]] ??= [ $n[0] ];
for ($i = 1; $i < count($n); $i++) {
$acc[$n[0]][$i][] = $n[$i];
}
return $acc;
}, [])));
// есть вариант применить рекурсию
const flatTree = (tree, childrenKey) =>
(tree instanceof Array ? tree : []).reduce((acc, n) => (
acc.push(n, ...flatTree(n[childrenKey], childrenKey)),
acc
), []);
// а можно обойтись и без неё
const flatTree = function*(tree, childrenKey) {
const stack = [];
for (let [ i, arr ] = this(tree); ++i < arr.length || stack.length;) {
if (i === arr.length) {
[ i, arr ] = stack.pop();
} else {
yield arr[i];
stack.push([ i, arr ]);
[ i, arr ] = this(arr[i][childrenKey]);
}
}
}.bind(x => [ -1, Array.isArray(x) ? x : [] ]);v-for по его значению:computed: {
users() {
// если использовать обычную функцию
return flatTree(this.elements, 'children');
// или, генератор
return [...flatTree(this.elements, 'children')];
},
},<option v-for="n in users" :key="n.id">{{ n.name }}</option>
<gmap-map
ref="map"
...const bounds = new google.maps.LatLngBounds();
массивКоординатВашихЛокаций.forEach(n => bounds.extend(n));
this.$refs.map.fitBounds(bounds);
const mul = arr =>
arr.reduce((acc, n) => acc * n, 1);
// или
const mul = arr =>
eval(arr.join('*')) ?? 1;
// или
function mul(arr) {
let result = 1;
for (const n of arr) {
result *= n;
}
return result;
}
// или
function mul(arr) {
let result = 1;
for (let i = 0; i < arr.length; i++) {
result = result * arr[i];
}
return result;
}
// или
const mul = (arr, i = 0) =>
i < arr.length
? arr[i] * mul(arr, -~i)
: 1;const result = count.map(function(n) {
return mul(data.slice(this[0], this[0] += n));
}, [ 0 ]);const result = count.map(n => mul(data.splice(0, n)));
function combine(a = {}, b = {}, c = {}) {const combine = (...arr) => arr
.flatMap(Object.entries)
.reduce((acc, [ k, v ]) => (acc[k] = (acc[k] ?? 0) + v, acc), {});function combine() {
const result = {};
for (const n of arguments) {
for (const k in n) {
if (n.hasOwnProperty(k)) {
if (!result.hasOwnProperty(k)) {
result[k] = 0;
}
result[k] += n[k];
}
}
}
return result;
}
const mostFrequentNum = Array
.from(arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map))
.reduce((max, n) => max[1] > n[1] ? max : n, [ , 0 ])
.at(0);const mostFrequentNum = Object
.entries(arr.reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {}))
.reduce((acc, n) => (acc[n[1]] = +n[0], acc), [])
.pop();
не хочу дублировать код в v-slot:fastFilters, но как мне сделать так, чтоб по определенному флагу на фильтрах он появлялся и в fastFilters
<toolbar>
<slot name="fastFilters">
<slot name="filters" v-if="а здесь ваш флаг">
</toolbar>
<div class="filters">
<slot name="filters">
</div>
let [0: [fruit1, fruit2, fruit3]] = arr; //Uncaught SyntaxError: Invalid destructuring assignment target
const arr = [
[ 1, 2, 3 ],
[ 5, 6, 7 ],
[ 7, 8, 9 ],
];
const [ , [ , val1 ], [ ,, val2 ] ] = arr;
console.log(val1, val2); // 6 9const arr = [
[ 1, 2, 3 ],
[ 5, 6, 7 ],
[ 7, 8, 9 ],
];
const { 1: { 1: val1 }, 2: { 2: val2 } } = arr;
console.log(val1, val2); // 6 9
props: {
modelValue: {
type: String,
default: '',
},
},
emits: [ 'update:modelValue' ],
setup(props, { emit }) {
const value = ref('');
watchEffect(() => value.value = props.modelValue);
return {
value,
onInput: e => emit('update:modelValue', value.value = e.target.value),
};
},<input :value="value" @input="onInput">
computed: {
cartTotalCost() {
return this.cart_data.reduce((acc, n) => acc + n.price * n.amount, 0);
},
...
Object.values(t).forEach(n => {
n.children?.sort((a, b) => (a.order - b.order) || a.name.localeCompare(b.name));
});
const square = n => n ** 2;
// или
const square = n => n * n;
// или
const square = n => Math.pow(n, 2);arr.forEach((n, i, a) => a[i] = square(n));
// или
arr.splice(0, arr.length, ...arr.map(square));
// или
for (const [ i, n ] of arr.entries()) {
arr[i] = square(n);
}
// или
for (let i = 0; i < arr.length; i++) {
arr[i] = square(arr[i]);
}