产品解决方案文档与社区权益中心定价云市场合作伙伴支持与服务了解阿里云
联系我们
4008013260
售前咨询售后服务
其他服务
我要建议我要投诉
备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

JavaScript专项算法题（1）：回调和高阶函数

2023-01-10 66
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 问题：构建一个addTwo函数，作用为接受一个参数并将参数加2。题解：12345678// Challenge 1function addTwo(num) { return num + 2; }// To check if you've completed it, uncomment these console.logs!console.log(addTwo(3));console.log(addTwo(10));挑战2 addS问题：构建一个addS函数，作用为接受一个参数并将参数与“S”拼接。题解：12345678

问题：

构建一个addTwo函数，作用为接受一个参数并将参数加2。

题解：

1
2
3
4
5
6
7
8
 
// Challenge 1
functionaddTwo(num) {
return num + 2; 
}
// To check if you've completed it, uncomment these console.logs!
console.log(addTwo(3));
console.log(addTwo(10));

挑战2 addS

问题：

构建一个addS函数，作用为接受一个参数并将参数与“S”拼接。

题解：

1
2
3
4
5
6
7
8
 
// Challenge 2
functionaddS(word) {
return word + "S";
}
// uncomment these to check your work
console.log(addS('pizza'));
console.log(addS('bagel'));

挑战3 map

问题：

构建一个map函数，其接受两个参数：

  1. 数值型数组
  2. 回调函数——一个应用于上述数值型数组中的每一个元素的函数（于map函数内）

map函数的返回值为包含上述数值型数组元素逐个运行回调函数后生成的元素值的新数组。

1
2
3
 
map([1,2,3,4,5], multiplyByTwo); //-> [2,4,6,8,10]
multiplyByTwo(1); //-> 2
multiplyByTwo(2); //-> 4

题解：

1
2
3
4
5
6
7
8
9
10
 
// Challenge 3
functionmap(array, callback) {
var newArray = [];
for (let i = 0; i < array.length; i++) {
    newArray.push(callback(array[i]));
  }
return newArray;
}
console.log(map([1, 2, 3], addTwo));

挑战４forEach

问题：

函数forEach接受一个数组和一个回调函数，运行回调函数于输入数组的每一个元素。forEach函数无返回值。

1
2
3
4
5
6
 
let alphabet = '';
const letters = ['a', 'b', 'c', 'd'];
forEach(letters, function(char) {
  alphabet += char;
});
console.log(alphabet);   //prints 'abcd'

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
// Challenge 4
functionforEach(array, callback) {
for (let i =0; i < array.length; i++) {
    callback(array[i]);
  }
}
// see for yourself if your forEach works!
let alphabet = '';
const letters = ['a', 'b', 'c', 'd'];
forEach(letters, function(char) {
  alphabet += char;
});
console.log(alphabet);   //prints 'abcd'

挑战5 mapWith

问题：

在这个挑战中，你需要将map函数重构为mapWith。这一次你要在mapWith中使用forEach函数而不是使用for循环。

题解：

1
2
3
4
5
6
7
8
9
 
// Challenge 5
functionmapWith(array, callback) {
var newArray = [];
  forEach(array, function(item){
    newArray.push(callback(item))});
return newArray;
}
console.log(mapWith([1, 2, 3], addTwo));

挑战6 reduce

问题：

函数reduce接受一个数组并将数组内的所有值合并为一个值。比如，它可以将数组求和，求积，以及其它你想加进函数中的操作。

1
2
3
 
const nums = [4, 1, 3];
const add = function(a, b) { return a + b; }
reduce(nums, add, 0);   //-> 8

以下是它的运行原理。函数有一个“累加器值”（第三个参数），作用为充当初始值并且累加每一次循环的输出值。数组参数会被遍历，传递“累加器值“和新的数组元素值作为参数到回调函数中。回调函数的返回值会成为新的”累加器值“。下一个循环会使用这个新”累加器值“。在上面的例子中，”累加器值“刚开始为0，调用add(0, 4)，”累加器值“变为4，然后add(4, 1)将其变为5，最后add(5, 3)得到8并最终返回。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
// Challenge 6
functionreduce(array, callback, initialValue) {
// // Solution 1：
// var callbackValue = 0;
// var finalResult = 0;
// for(let i = 0; i<array.length; i++) {
//  if (i == 0){
// callbackValue = array[i];
// finalResult = callback(callbackValue, initialValue);
// } else {
// finalResult = callback(finalResult, array[i]);
// }
// }
// return finalResult;
// Solution 2:
let reduceValue = initialValue;
for(let i = 0; i < array.length; i++){
    reduceValue = callback(array[i], reduceValue);
  }
return reduceValue;
}
const nums = [4, 1, 3];
const add = function(a, b) { return a + b; }
console.log(reduce(nums, add, 0)); //-> 8

挑战7 intersection

问题：

构建intersection函数，作用为比较输入进来的多组数组并返回一个包含数组间共同元素的新数组。奖励：使用reduce！

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
// Challenge 7
functionintersection(arrays) {
// Solution 1 (without reduce): 
// var obj = {};
// for(let i=0; i<arrays.length; i++){
//   if(i==0){
//     for(var j=0;j<arrays[i].length; j++){
//       obj[arrays[i][j]]=arrays[i][j];
//     }
//   } else {
// for(var j=0;j<arrays[i].length; j++){
//     // console.log(obj[arrays[i][j]])
//     if(obj[arrays[i][j]] != undefined){
//       obj[arrays[i][j]]= obj[arrays[i][j]] + 1;
//     }
//   }
// }
// }
// for(var k in obj) {
//   if(k != obj[k] - arrays.length + 1) {
//     delete obj[k];
//   }
// }
// var intersectionArray = [];
// for(var z in obj){
//   intersectionArray.push(parseInt(z));
// }
// return intersectionArray;
// Solution 2 (with reduce):
return arrays.reduce((acc, curr) => {
return curr.filter(el => acc.includes(el));
  })
}
console.log(intersection([[5, 10, 15, 20], [15, 88, 1, 5, 7], [1, 10, 15, 5, 20]]));
// should log: [5, 15]

挑战８ union

问题：

构建union函数，作用为比较输入进来的多组数组并返回一个包含输入数组中所有元素的新数组。如果存在重复元素，则新数组中仅保留一个，另外需保留新数组的元素顺序为从第一个输入数组的第一个元素开始。奖励：使用reduce！

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
// Challenge 8
functionunion(arrays) {
// // Solution 1 (without reduce):
// var obj = {};
// for(let i=0; i<arrays.length; i++){
//   if(i==0){
//     for(var j=0;j<arrays[i].length; j++){
//       obj[arrays[i][j]]=arrays[i][j];
//     }
//   } else {
// for(var j=0;j<arrays[i].length; j++){
//     // console.log(obj[arrays[i][j]])
//     if(obj[arrays[i][j]] == undefined){
//       obj[arrays[i][j]]= arrays[i][j];
//     }
//   }
// }
// }
// var unionArray = [];
// for(var z in obj){
//   unionArray.push(parseInt(z));
// }
// return unionArray;
// Solution 2 (with reduce): 
return arrays.reduce((acc, curr) => {
const newElements = curr.filter(el => !acc.includes(el));
return acc.concat(newElements);
  }
  )
}
console.log(union([[5, 10, 15], [15, 88, 1, 5, 7], [100, 15, 10, 1, 5]]));
// should log: [5, 10, 15, 88, 1, 7, 100]

挑战9 objOfMatches

问题：

构建objOfMatches函数，接受两个数组和一个回调函数作为参数，作用为创建一个特定对象并返回。objOfMatches会使用回调函数测试第一个数组的每一个元素以确认其输出是否匹配于第二个数组内相同下标的元素。如果匹配，第一个数组内的这个元素会成为所创建对象的键，而第二个数组内的相同下标元素则会成为对应的值。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// Challenge 9
functionobjOfMatches(array1, array2, callback) {
const matchObj = {};
for (let i = 0; i < array1.length; i++){
if(callback(array1[i]) === array2[i]) {
      matchObj[array1[i]] = array2[i];
    }
  }
return matchObj;
}
console.log(objOfMatches(['hi', 'howdy', 'bye', 'later', 'hello'], ['HI', 'Howdy', 'BYE', 'LATER', 'hello'], function(str) { return str.toUpperCase(); }));
// should log: { hi: 'HI', bye: 'BYE', later: 'LATER' }

挑战10 multiMap

问题：

构建multiMap函数，接受两个数组作为参数，第一个数组的元素为值而第二个数组的元素为回调函数。multiMap会返回一个特定对象，该对象的键为第一个数组的值，键对应的值则是将键依序传入第二个数组的回调函数中得到的返回值组成的新数组。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
// Challenge 10
functionmultiMap(arrVals, arrCallbacks) {
const multiMapObj = {};
let tempArray = [];
  arrVals.forEach(el => {
    tempArray = [];
for(let i =0; i<arrCallbacks.length; i++){
      tempArray.push(arrCallbacks[i](el));
    }
    multiMapObj[el] = tempArray;
  })
return multiMapObj;
}
console.log(multiMap(['catfood', 'glue', 'beer'], [function(str) { return str.toUpperCase(); }, function(str) { return str[0].toUpperCase() + str.slice(1).toLowerCase(); }, function(str) { return str + str; }]));
// should log: { catfood: ['CATFOOD', 'Catfood', 'catfoodcatfood'], glue: ['GLUE', 'Glue', 'glueglue'], beer: ['BEER', 'Beer', 'beerbeer'] }

挑战11 objectFilter

问题：

构建objectFilter函数，第一个参数为对象，第二个参数为回调函数。objectFilter函数会返回特定对象。此特定对象所包含的属性为输入对象中值与其对应键传入回调函数得到的返回值一致的键值对。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
// Challenge 11
functionobjectFilter(obj, callback) {
const objectFilterObj = {};
for(let key in obj) {
if(obj[key] === callback(key)){
      objectFilterObj[key] = obj[key];
    }
  }
return objectFilterObj;
}
const cities = {
London: 'LONDON',
LA: 'Los Angeles',
Paris: 'PARIS',
};
console.log(objectFilter(cities, city => city.toUpperCase())) // Should log { London: 'LONDON', Paris: 'PARIS'}

挑战12 majority

问题:

构建majority函数，接受参数为一个数组和一个回调函数。回调函数的返回值为true或false。majority会遍历输入数组的元素并且对其运行回调函数，直到能够确定大多数回调函数的返回值为true。如果返回true的数目与返回false的数目相同，majority应返回false。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// Challenge 12
functionmajority(array, callback) {
let trueCounter = 0;
let falseCounter = 0;
  array.forEach(el => {
if(callback(el)) {
      trueCounter++;
    } else{
      falseCounter++;
    }
  });
return (trueCounter>falseCounter)?true:false;
}
/*** Uncomment these to check your work! ***/
// const isOdd = function(num) { return num % 2 === 1; };
console.log(majority([1, 2, 3, 4, 5], isOdd)); // should log: true
console.log(majority([2, 3, 4, 5], isOdd)); // should log: false

挑战13 prioritize

问题：

构建prioritize函数，接受参数为一个数组和一个回调函数。回调函数的返回值为true或false。prioritize会遍历输入数组的元素并且对其运行回调函数，然后返回一个新数组。这个新数组会先储存输入数组中被回调函数返回true的元素，再储存输入数组中剩下的元素。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
// Challenge 13
functionprioritize(array, callback) {
const prioritizeArray = [];
const restArray = [];
  array.forEach(el => {
if(callback(el)){
      prioritizeArray.push(el);
    } else {
      restArray.push(el);
    }
  })
return prioritizeArray.concat(restArray); 
}
/*** Uncomment these to check your work! ***/
const startsWithS = function(str) { return str[0] === 's' || str[0] === 'S'; };
console.log(prioritize(['curb', 'rickandmorty', 'seinfeld', 'sunny', 'friends'], startsWithS)); // should log: ['seinfeld', 'sunny', 'curb', 'rickandmorty', 'friends']

挑战14 countBy

问题：

构建countBy函数，接受参数为一个数组和一个回调函数，返回值为一个特定对象。countBy会遍历输入数组的元素并对其运行回调函数。每一个运行回调函数得到的返回值会被储存为特定对象的键，而键对应的值则为得到此返回值的回调函数运行的次数。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
// Challenge 14
functioncountBy(array, callback) {
const countByObj = {};
  array.forEach(el => {
if(countByObj[callback(el)] == undefined) {
      countByObj[callback(el)] = 1;
    } else {
      countByObj[callback(el)]++;
    }
  })
return countByObj;
}
/*** Uncomment these to check your work! ***/
console.log(countBy([1, 2, 3, 4, 5], function(num) {
if (num % 2 === 0) return'even';
elsereturn'odd';
})); // should log: { odd: 3, even: 2 }

挑战15 groupBy

问题：

构建groupBy函数，接受参数为一个数组和一个回调函数，返回值为一个特定对象。groupBy会遍历输入数组的元素并对其运行回调函数。每一个运行回调函数得到的返回值会被储存为特定对象的键，而键对应的值则为一个由导致回调函数产生此返回值的输入数组的元素组成的数组。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
// Challenge 15
functiongroupBy(array, callback) {
const groupByObj = {};
  array.forEach(el => {
if(groupByObj[callback(el)] === undefined) {
      groupByObj[callback(el)] = [el];
    } else {
      groupByObj[callback(el)] = groupByObj[callback(el)].concat([el]); 
    }
  })
return groupByObj;
}
/*** Uncomment these to check your work! ***/
const decimals = [1.3, 2.1, 2.4];
const floored = function(num) { returnMath.floor(num); };
console.log(groupBy(decimals, floored)); // should log: { 1: [1.3], 2: [2.1, 2.4] }

挑战16 goodKeys

问题：

构建goodKeys函数，接受参数为一个对象和一个回调函数。回调函数的返回值为true或false。goodKeys会遍历输入对象并运行回调函数于对象的值上。goodKeys的返回值为一个由运行回调函数后返回true的对象值所对应的对象键组成的数组。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
// Challenge 16
functiongoodKeys(obj, callback) {
const goodKeysArray = [];
for(let key in obj) {
if(callback(obj[key])) {
      goodKeysArray.push(key);
    }
  }
return goodKeysArray;
}
/*** Uncomment these to check your work! ***/
const sunny = { mac: 'priest', dennis: 'calculating', charlie: 'birdlaw', dee: 'bird', frank: 'warthog' };
const startsWithBird = function(str) { return str.slice(0, 4).toLowerCase() === 'bird'; };
console.log(goodKeys(sunny, startsWithBird)); // should log: ['charlie', 'dee']

挑战17 commutative

问题：

构建commutative函数，接受参数为两个回调函数和一个值。commutative会返回一个布尔值，从而表明运行第一个回调函数于输入值，再将得到的返回值输入到第二个回调函数中运行，得到的结果与逆序操作是否相同（即运行输入值于第二个回调函数，得到的返回值再输入到第一个回调函数中）。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
// Challenge 17
functioncommutative(func1, func2, value) {
if(func1(func2(value)) === func2(func1(value))) {
returntrue;
  } else {
returnfalse; 
  }
}
/*** Uncomment these to check your work! ***/
const multBy3 = n => n * 3;
const divBy4 = n => n / 4;
const subtract5 = n => n - 5;
console.log(commutative(multBy3, divBy4, 11)); // should log: true
console.log(commutative(multBy3, subtract5, 10)); // should log: false
console.log(commutative(divBy4, subtract5, 48)); // should log: false

挑战18 objFilter

问题：

构建objFilter函数，接受参数为一个对象和一个回调函数，返回值为一个特定对象。objFilter会遍历输入对象，使用输入对象的键作为回调函数的输入。如果回调函数的输出与对应的对象值相等，此键值对会被复制到特定对象中。最后objFilter返回此特定对象。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
// Challenge 18
functionobjFilter(obj, callback) {
const objectFilterObj = {};
for(let key in obj) {
if(obj[key] === callback(key)){
      objectFilterObj[key] = obj[key];
    }
  }
return objectFilterObj;
}
/*** Uncomment these to check your work! ***/
const startingObj = {};
startingObj[6] = 3;
startingObj[2] = 1;
startingObj[12] = 4;
const half = n => n / 2;
console.log(objFilter(startingObj, half)); // should log: { 2: 1, 6: 3 }

挑战19 rating

问题：

构建rating函数，接受参数为一个由函数组成的数组和一个值。数组中的函数的返回值皆为true或false。rating会返回一个表明将输入值运行于数组中的函数会返回true的百分比数。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// Challenge 19
functionrating(arrOfFuncs, value) {
let trueCounter = 0;
  arrOfFuncs.forEach(el=> {
if(el(value)){
      trueCounter++;
    }
  })
return trueCounter/arrOfFuncs.length * 100;
}
/*** Uncomment these to check your work! ***/
const isEven = n => n % 2 === 0;
const greaterThanFour = n => n > 4;
const isSquare = n =>Math.sqrt(n) % 1 === 0;
const hasSix = n => n.toString().includes('6');
const checks = [isEven, greaterThanFour, isSquare, hasSix];
console.log(rating(checks, 64)); // should log: 100
console.log(rating(checks, 66)); // should log: 75

挑战20 pipe

问题：

构建pipe函数，接受参数为一个由函数组成的数组和一个值。pipe会将输入值输入到数组的第一个函数中，然后再将得到的输出值输入到第二个函数中，然后输出值又再输入到第三个函数中，一直下去，直到得到数组的最后一个函数的输出值。pipe会返回这个最终输出值。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
// Challenge 20
functionpipe(arrOfFuncs, value) {
let output = value;
  arrOfFuncs.forEach(el => {
    output = el(output);
  })
return output;
}
/*** Uncomment these to check your work! ***/
const capitalize = str => str.toUpperCase();
const addLowerCase = str => str + str.toLowerCase();
const repeat = str => str + str;
const capAddlowRepeat = [capitalize, addLowerCase, repeat];
console.log(pipe(capAddlowRepeat, 'cat')); // should log: 'CATcatCATcat'

挑战21 highestFunc

问题：

构建highestFunc函数，接受参数为一个对象（包含函数）和一个值。highestFunc会返回输入对象中运行输入值后得到最高值的函数所对应的键。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// Challenge 21
functionhighestFunc(objOfFuncs, subject) {
let maxKey = "";
let maxNumber = Number.NEGATIVE_INFINITY;
for(let key in objOfFuncs) {
if(objOfFuncs[key](subject) > maxNumber) {
      maxNumber = objOfFuncs[key](subject);
      maxKey = key;
    }
  }
return maxKey;
}
/*** Uncomment these to check your work! ***/
const groupOfFuncs = {};
groupOfFuncs.double = n => n * 2;
groupOfFuncs.addTen = n => n + 10;
groupOfFuncs.inverse = n => n * -1;
console.log(highestFunc(groupOfFuncs, 5)); // should log: 'addTen'
console.log(highestFunc(groupOfFuncs, 11)); // should log: 'double'
console.log(highestFunc(groupOfFuncs, -20)); // should log: 'inverse'

挑战22 combineOperations

问题：

构建combineOperations函数，接受参数为一个初始值和一个由函数组成的数组。conbineOperations会将初始值输入到输入数组的第一个函数中，得到的输出值再输入到第二个函数中，一直下去，直到输入数组中的每一个函数都被调用。combineOperations会返回输入数组的最后一个函数的输出值。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
// Challenge 22
functioncombineOperations(startVal, arrOfFuncs) {
let output = startVal;
  arrOfFuncs.forEach(el => {
    output = el(output);
  })
return output;
}
functionadd100(num) {
return num + 100;
}
functiondivByFive(num) {
return num / 5;
}
functionmultiplyByThree(num) {
return num * 3;
}
functionmultiplyFive(num) {
return num * 5;
}
functionaddTen(num) {
return num + 10;
}
/*** Uncomment these to check your work! ***/
console.log(combineOperations(0, [add100, divByFive, multiplyByThree])); // Should output 60 -->
console.log(combineOperations(0, [divByFive, multiplyFive, addTen])); // Should output 10

挑战23 myFunc

问题：

构建myFunc函数，接受参数为一个数组和一个回调函数。myFunc会依序将输入数组的元素输入到回调函数中。如果回调函数返回值为true，myFunc会返回当前数组元素的下标。如果回调函数从不返回true，myFunc会返回-1。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
// Challenge 23
functionmyFunc(array, callback) {
let returnIndicator = false;
for(let i = 0; i< array.length; i++){
if(callback(array[i])){
      returnIndicator = true;
return i;
    }
  }
if(!returnIndicator){
return-1;
  }
}
const numbers = [2, 3, 6, 64, 10, 8, 12];
const evens = [2, 4, 6, 8, 10, 12, 64];
functionisOdd(num) {
return (num % 2 !== 0);
}
/*** Uncomment these to check your work! ***/
console.log(myFunc(numbers, isOdd)); // Output should be 1
console.log(myFunc(evens, isOdd)); // Output should be -1

挑战24 myForEach

问题：

编写myForEach函数，接受参数为一个数组和一个回调函数。myForEach应该依序输入数组的每一个元素到回调函数中。myForEach的作用应该尽可能与原生的JavaScript数组方法.forEach()类似。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
// Challenge 24
functionmyForEach(array, callback) {
for (let i =0; i < array.length; i++) {
// To solve edge case: 
// var arr=[0, undefined, 2]; arr[10] = 10;
// From https://gist.github.com/alexhawkins/28aaf610a3e76d8b8264#gistcomment-2209454
if(i in array){
            callback(array[i]);
        }
  }
}
// You could not use arrow function to assign prototype method! 
Array.prototype.myForEach = function(callback)  {
for(let i =0; i<this.length; i++){
if(i inthis) {
        callback(this[i], i, this);
    }
  }
};
let sum = 0;
functionaddToSum(num) {
  sum += num;
}
/*** Uncomment these to check your work! ***/
const numsArray = [1, 2, 3];
myForEach(numsArray, addToSum);
console.log(sum); // Should output 6
sum = 0;
numsArray.myForEach(addToSum);
console.log(sum); // Should output 6, too.
文章标签：
JavaScript
前端开发
算法
关键词：
JavaScript回调
JavaScript算法
算法javascript
JavaScript高阶函数
JavaScript专项算法
南京沂洲信息咨询有限公司
目录
相关文章
会敲代码的_TT
|
2月前
|
算法 JavaScript 前端开发
彩票中奖率的真相：用 JavaScript 看透彩票背后的随机算法（下）
至于分发？我们可以参考一下市面上已有的一些概念做一下对比，下面是笼统的一个网络服务器的TPS预估值，也就是说彩票服务器在1秒内可以处理的最大请求数：
会敲代码的_TT
35 0
会敲代码的_TT
|
2月前
|
数据采集 算法 JavaScript
彩票中奖率的真相：用 JavaScript 看透彩票背后的随机算法（上）
原本这篇文章是打算叫「假如我是彩票系统开发者」，但细想一下，如果在文章中引用太多的 JavaScript 的话，反而不是那么纯粹，毕竟也只是我的一厢情愿，彩票开发也不全如本文所讲，有所误导的话便也是得不偿失了。
会敲代码的_TT
52 0
泡芙-草莓
|
12天前
|
JavaScript 安全 前端开发
高阶函数（js的问题）
高阶函数（js的问题）
泡芙-草莓
7 0
桃李春风一杯酒
|
22天前
|
JavaScript 前端开发
js开发：请解释什么是ES6的async/await，以及它如何解决回调地狱问题。
ES6的`async/await`是基于Promise的异步编程工具，能以同步风格编写异步代码，提高代码可读性。它缓解了回调地狱问题，通过将异步操作封装为Promise，避免回调嵌套。错误处理更直观，类似同步的try...catch。
桃李春风一杯酒
11 3
龙大吉
|
24天前
|
前端开发 JavaScript
js开发：请解释Promise是什么，以及它如何解决回调地狱（callback hell）问题。
Promise是JavaScript解决异步操作回调地狱的工具，代表未来可能完成的值。传统的回调函数嵌套导致代码难以维护，而Promise通过链式调用`.then()`和`.catch()`使异步流程清晰扁平。每个异步操作封装为Promise，成功时`.then()`传递结果，出错时`.catch()`捕获异常。ES6的`async/await`进一步简化Promise的使用，使异步代码更接近同步风格。
龙大吉
12 1
阿珊和她的猫
|
1月前
|
缓存 JavaScript 算法
Vue.js中的diff算法：让虚拟DOM更高效
Vue.js中的diff算法：让虚拟DOM更高效
阿珊和她的猫
33 0
会敲代码的_TT
|
2月前
|
前端开发 JavaScript API
一盏茶的功夫帮你彻底搞懂JavaScript异步编程从回调地狱到async/await
在深入讨论 async/await 之前，我们需要了解一下 JavaScript 的单线程和非阻塞的特性。JavaScript 是单线程的，也就是说在任何给定的时间点，只能执行一个操作。然而，对于需要大量时间的操作（例如从服务器获取数据），如果没有适当的管理机制，这种单线程特性可能会导致应用程序的阻塞。为了解决这个问题，JavaScript 引入了回调函数和后来的 Promise，用来管理这些异步操作。
会敲代码的_TT
19 0
秋说
|
2月前
|
搜索推荐 算法 大数据
【数据结构入门精讲 | 第十篇】考研408排序算法专项练习（二）
【数据结构入门精讲 | 第十篇】考研408排序算法专项练习（二）
秋说
25 0
秋说
|
2月前
|
存储 搜索推荐 算法
【数据结构入门精讲 | 第九篇】考研408排序算法专项练习（一）
【数据结构入门精讲 | 第九篇】考研408排序算法专项练习（一）
秋说
29 0
阿珊和她的猫
|
3月前
|
前端开发 JavaScript API
快速入门JavaScript异步编程：从回调到async/await的跨越
快速入门JavaScript异步编程：从回调到async/await的跨越
阿珊和她的猫
53 0

热门文章

最新文章

  • 1
    视觉智能平台常见问题之其他算法定制化开发如何解决
  • 2
    使用 JavaScript 获取 URL 参数的详细指南
  • 3
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
  • 4
    JavaScript爬虫进阶攻略：从网页采集到数据可视化
  • 5
    JS设置日期为0时0分0秒
  • 6
    JavaScript字符串检查：从基础到高级
  • 7
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
  • 8
    描述 JavaScript 中的垃圾回收机制。
  • 9
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
  • 10
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    86
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    13
  • 3
    描述 JavaScript 中的垃圾回收机制。
    17
  • 4
    如何使用 JavaScript 操作 DOM？
    13
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    17
  • 6
    JavaScript 中的数组方法有哪些？
    10
  • 7
    JS设置日期为0时0分0秒
    24
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    24
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    17
  • 10
    深入理解JavaScript中的闭包与作用域链
    8

    • 相关课程

    更多
  • 相册服务中的故事生成算法介绍
  • Go语言核心编程 - 数据结构和算法
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 神经网络概览及算法详解

    • 相关电子书

    更多
  • 数据+算法定义新世界
  • 袋鼠云基于实时计算的反黄牛算法
  • Alink：基于Apache Flink的算法平台

    • 相关实验场景

    更多
  • TLS1.3的后量子算法集成
  • RSA非对称加密算法
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）
    为什么选择阿里云什么是云计算全球基础设施技术领先稳定可靠安全合规分析师报告
    产品和定价全部产品免费试用产品动态产品定价价格计算器云上成本管理
    解决方案技术解决方案
    文档与社区文档开发者社区天池大赛培训与认证
    权益中心免费试用高校计划企业扶持计划推荐返现计划
    支持与服务基础服务企业增值服务迁云服务官网公告健康看板信任中心
    关注阿里云
    关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务
    阿里云APP阿里云微信
    联系我们：4008013260
    法律声明Cookies政策廉正举报安全举报联系我们加入我们
    阿里巴巴集团淘宝网天猫全球速卖通阿里巴巴国际交易市场1688阿里妈妈飞猪阿里云计算AliOS万网高德UC友盟优酷钉钉支付宝达摩院淘宝海外阿里云盘饿了么
    © 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： 浙B2-20080101 域名注册服务机构许可： 浙D3-20210002 京D3-20220015
    浙公网安备 33010602009975号浙B2-20080101-4