十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
【笔记内容】
创新互联建站是一家集网站建设,莲湖企业网站建设,莲湖品牌网站建设,网站定制,莲湖网站建设报价,网络营销,网络优化,莲湖网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
【笔记目的】
【相关资源】
【温馨提示】
【PS】什么是数组?
常见操作
方法 | 描述 |
---|---|
let arr=[数组元素1 ,...,数组元素n ] |
创建数组 |
let el=arr[索引 ] |
通过索引访问数组元素 |
arr.forEach(function(item,index,array)){} | 遍历数组 |
arr.push(添加元素 ) |
添加元素到数组的末尾 |
arr.pop() | 删除数组末尾的元素 |
arr.shift() | 删除数组头部元素 |
arr.push(目标元素 ) |
arr.indexOf(目标元素 ) |
arr.splice(,) | 通过索引删除某个元素 |
let shallowCopy = arr.slice() | 复制一个数组 |
了解更多
需求:
Write a function that takes an array (a) and a value (n) as argument
Return the nth element of 'a'
我的提交(作者答案)
function myFunction(a, n) {
return a[n - 1];
}
length
减1。undefined
格式
arr[index]
index
:访问数组元素目标索引
了解更多
需求:
Write a function that takes an array (a) as argument
Remove the first 3 elements of 'a'
Return the result
我的提交(作者答案)
function myFunction(a) {
return a.slice(3);
}
begin
和 end
决定的原数组的浅拷贝数组对象begin
到 end
的所有元素(包含 begin
,但不包含 end
)格式
arr.slice([begin[, end]])
begin
(提取起始处的索引):可选
0
开始end
(提取终止处的索引):可选
返回值:一个含有被提取元素的新数组。
了解更多
需求:
Write a function that takes an array (a) as argument
Extract the last 3 elements of a
Return the resulting array
我的提交(作者答案)
function myFunction(a) {
return a.slice(-3);
}
点击此处跳转
需求:
Write a function that takes an array (a) as argument
Extract the first 3 elements of a
Return the resulting array
我的提交(作者答案)
function myFunction(a) {
return a.slice(0, 3);
}
点击此处跳转
需求:
Write a function that takes an array (a) and a number (n) as arguments
It should return the last n elements of a
我的提交(作者答案)
function myFunction(a, n) {
return a.slice(-n);
}
点击此处跳转
需求:
Write a function that takes an array (a) and a value (b) as argument
The function should clean a from all occurrences of b
Return the filtered array
我的提交(作者答案)
function myFunction(a, b) {
return a.filter(item => item !== b);
}
格式(注意该格式不完整,之针对本题的格式)
array.filter(function(currentValue))
function(currentValue)
:必需,函数,数组中的每个元素都会执行这个函数
currentValue
:必需。当前元素的值返回值:数组。
了解更多
格式
(param1, param2, …, paramN) => expression
(param1, param2, …, paramN) => { statements }
//相当于:(param1, param2, …, paramN) =>{ return expression; }
param
:参数
expression
:表达式
其他格式 | 前提 |
---|---|
singleParam => { statements } | 当只有一个参数时,圆括号是可选的: |
() => { statements } | 没有参数的函数应该写成一对圆括号。 |
了解更多
需求:
Write a function that takes an array (a) as argument
Return the number of elements in a
我的提交(作者答案)
function myFunction(a) {
return a.length;
}
Array
的实例属性,值是一个 0 到 2^32 - 1 的整数了解更多
需求:
Write a function that takes an array of numbers as argument
Return the number of negative values in the array
我的提交
function myFunction(a){
var count=0;
for(var i=0;i
作者答案
function myFunction(a) {
return a.filter((el) => el < 0).length;
}
点击此处跳转
点击此处跳转
需求:
Write a function that takes an array of numbers as argument
It should return an array with the numbers sorted in descending order
我的提交
function myFunction(arr) {
arr1=arr.sort();
return arr1.reverse();
}
作者答案
function myFunction( arr ) {
return arr.sort((a, b) => b - a)
}
格式(注意该格式不完整,之针对本题的格式)
arr.sort([compareFunction])
compareFunction
(指定按某种顺序进行排列的函数):可选。
省略:元素按照转换为的字符串的各个字符的Unicode位点进行排序
指明了 compareFunction
:数组会按照调用该函数的返回值排序
compareFunction(a, b)的a-b | a、b相对位置 |
---|---|
小于 0 | a 会被排列到 b 之前(顺序) |
等于 0 | 位置不变 |
大于 0 | b 会被排列到 a 之前(逆序) |
返回值:数组
了解更多
格式
arr.reverse()
返回值:颠倒后的数组。
点击此处跳转
需求:
Write a function that takes an array of strings as argument
Sort the array elements alphabetically
Return the result
我的提交(作者答案)
function myFunction(arr) {
return arr.sort();
}
使用Array.prototype.sort()方法排序
点击此处跳转
需求:
Write a function that takes an array of numbers as argument
It should return the average of the numbers
我的提交
function myFunction(arr){
var sum=0;
for(var i=0;i
作者答案
function myFunction( arr ) {
return arr.reduce((acc, cur) => acc + cur, 0) / arr.length
}
格式(注意该格式不完整,之针对本题的格式)
array.reduce(function(total, currentValue))
function(total,currentValue)
(用于执行每个数组元素的函数):必需。
total
(初始值, 或者计算结束后的返回值):必需。currentValue
(当前元素):必需。返回值:计算结果
了解更多
点击此处跳转
需求:
Write a function that takes an array of strings as argument、
Return the longest string
我的提交
function myFunction(arr) {
var max;
for(var i=0;iarr[i+1].length){
max=arr[i];
}else{
max=arr[i+1];
}
}
return max;
}
作者答案
function myFunction( arr ) {
return arr.reduce((a, b) => a.length <= b.length ? b : a)
}
点击此处跳转
点击此处跳转
格式
expression ? sentence1 : sentence2
expression
:判断表达式
sentence1
:值为true时,执行语句
sentence2
:值为false时,执行语句
类似于if语句:
if(expression){
sentence1;
}else{
sentence2;
}
需求:
Write a function that takes an array as argument
It should return true if all elements in the array are equal
It should return false otherwise
我的提交
function myFunction(arr) {
return arr.every(item=>item ===arr[0]);
}
作者答案
function myFunction( arr ) {
return new Set(arr).size === 1
}
注意:
格式(注意该格式不完整,之针对本题的格式)
array.every(function(currentValue))
function(currentValue)
(函数):必须。
currentValue
:必须,当前元素的值返回值:布尔值
true
:所有元素都通过检测false
:数组中检测到有一个元素不满足了解更多
Set
对象中元素的个数。size
的值是一个整数,表示Set
对象有多少条目。size
的集合访问函数是undefined
相等 | 不等 |
---|---|
== |
!= |
相等返回true |
不等返回true |
都会先转换操作数(强制转换),再比较相等性
转换不同数据类型时,遵循基本规则
布尔值比较,false为0,true为1
表达式 | 值 |
---|---|
false == 0 | true |
true == 1 | true |
true == 2 | false |
字符串比较,先将字符串转换成数值(ASCII码数值)
表达式 | 值 |
---|---|
"5" == 5 | true |
对象比较,要调用对象的valueOf()
方法,得到基本类型值再比较
比较时,遵循的规则
null
和undefined
是相等的
表达式 | 值 |
---|---|
null == undefined | true |
比较相等性之前,不能将null
和undefined
转换成其他任何值
表达式 | 值 |
---|---|
undefined == 0 | false |
null == 0 | false |
有一个操作数是NaN
。相等返回false
,不相等返回true
(注意:即使两个操作数都是NaN
,NaN
不等于NaN
,返回false
)
表达式 | 值 |
---|---|
"NaN" == NaN | false |
5 == NaN | false |
NaN == NaN | false |
NaN != NaN | false |
两个操作数都是对象,如果两个操作数都指向同一个对象,则相等返回true
,相反返回false
全等 | 不全等 |
---|---|
=== |
!== |
全等和不全等
与相等和不等
的区别:
=== 和!== |
== 和!= |
|
---|---|---|
比较前操作数是否需要转换 | 不需要 | 需要 |
示例
var result1 ={"55" == 55 }; //true
var result2 ={"55" === 55 }; //false
var result3 ={"55" != 55 }; //false
var result4 ={"55" !== 55 }; //true
var result5 ={null == undefined }; //true
var result6 ={null === undefined }; //false
为了保持代码中数据类型的完整性,推荐使用全等和不全等操作符
需求:
Write a function that takes arguments an arbitrary number of arrays
It should return an array containing the values of all arrays
我的提交
function myFunction(...arrays) {
return [].concat(...arrays);
}
作者答案
function myFunction( ...arrays ) {
return arrays.flat()
}
格式
array1.concat(array2, array3, ..., arrayX)
array2, array3, ..., arrayX
:必需。要连接的数组。
返回值:已连接的数组
格式
var newArray = arr.flat([depth])
depth
:指定要提取嵌套数组的结构深度,默认值为 1
返回值:一个包含将数组与子数组中所有元素的新数组
...
表示了解更多
思路一:concat方法
具体操作结合我的提交与涉及知识
思路二:flat()方法
具体操作结合作者答案与涉及知识
思路三:apply(推荐)
arr1.push.apply(arr1,arr2);
思路四:es6的写法(推荐)
arr1.push(...arrays);
需求:
Write a function that takes an array of objects as argument
Sort the array by property b in ascending order
Return the sorted array
我的提交
function myFunction(arr) {
return arr.sort((a,b)=>a.b-b.b);
}
作者答案
function myFunction(arr) {
const sort = (x, y) => x.b - y.b;
return arr.sort(sort);
}
let
语句定义的变量格式
const name1 = value1 [, name2 = value2 [, ... [, nameN = valueN]]];
nameN
:常量名称,可以是任意合法的标识符。
valueN
:常量值,可以是任意合法的表达式。
了解更多
点击此处跳转
点击此处跳转
需求:
Write a function that takes two arrays as arguments
Merge both arrays and remove duplicate values
Sort the merge result in ascending order
Return the resulting array
Write a function that takes two arrays as arguments // Merge both arrays and remove duplicate values // Sort the merge result in ascending order // Return the resulting array
这道题我试了很多方法,都是说有一个或多个测试案例不过。请小伙伴们在留言区分享这道题的解法,谢谢啦!!!!
需求:
Write a function that takes an array (a) and a number (b) as arguments
Sum up all array elements with a value greater than b
Return the sum
我的提交
function myFunction(a, b) {
var sum=0;
for(var i=0;ib){
sum+=a[i];
}
}
return sum;
}
作者答案
function myFunction(a, b) {
return a.reduce((sum, cur) => {
if (cur > b) return sum + cur;
return sum;
}, 0);
}
点击此处跳转
点击此处跳转
需求:
Write a function that takes two numbers (min and max) as arguments
Return an array of numbers in the range min to max
我的提交
function myFunction(min, max) {
var arr = [];
var length=max-min;
var t=min;
for(var i=0;i<=length;i++){
arr[i]=t;
t++;
}
return arr;
}
作者答案
function myFunction(min, max) {
let arr = [];
for (let i = min; i <= max; i++) {
arr.push(i);
}
return arr;
}
了解更多
注意:
unshift()
方法。格式
array.push(item1, item2, ..., itemX)
item1, item2, ..., itemX
:必需。要添加到数组的元素。
返回值:数组
需求
Write a function that takes an array of strings as argument
Group those strings by their first letter
Return an object that contains properties with keys representing first letters
The values should be arrays of strings containing only the corresponding strings
For example, the array ['Alf', 'Alice', 'Ben'] should be transformed to
{ a: ['Alf', 'Alice'], b: ['Ben']}
我的提交
function myFunction(arr){
let resultObj = {};
for (let i =0; i < arr.length; i++) {
let currentWord = arr[i];
let firstChar = currentWord[0].toLowerCase();
let innerArr = [];
if (resultObj[firstChar] === undefined) {
innerArr.push(currentWord);
resultObj[firstChar] = innerArr
}else {
resultObj[firstChar].push(currentWord)
}
}
return resultObj;
}
作者答案
function myFunction(arr) {
return arr.reduce((acc, cur) => {
const firstLetter = cur.toLowerCase().charAt(0);
return { ...acc, [firstLetter]: [...(acc[firstLetter] || []), cur] };
}, {});
}
格式
stringObject.toLowerCase()
返回值:新的字符串,所有大写字符全部被转换为了小写字符
点击此处跳转
点击此处跳转
点击此处跳转
格式
stringObject.charAt(index)
stringObject
:字符串对象
index
(字符所在的字符串中的下标):必需
index
不在 0 与 string.length 之间,该方法将返回一个空字符串点击此处跳转
需求:
Write a function that takes an array with arbitrary elements and a number as arguments
Return a new array, the first element should be either the given number itself
or zero if the number is smaller than 6
The other elements should be the elements of the original array
Try not to mutate the original array
我的提交
function myFunction(arr, num) {
return num>=6? [num].concat(arr):[0].concat(arr);
}
作者答案
function myFunction(arr, num) {
return [...(num > 5 ? [num] : [0]), ...arr];
}
不改变原数组的方法 | 描述 |
---|---|
concat | 返回拼接后的数组,不改变原数组; |
forEach | 遍历数组 |
map | |
join() | 返回拼接后的字符串,可以指定间隔; |
slice(start,end); | 截取数组,返回截取的部分,不改变原始数组; |
sort(); | 排序 |
toString(); | [1,2,3].toString()==[1,2,3].join(); |
点击此处跳转
点击此处跳转
需求:
Write a function that takes an array (a) and a value (n) as arguments
Save every nth element in a new array
Return the new array
我的提交
function myFunction(a, n){
var arr=[];
for(var i=0;i
作者答案
function myFunction(a, n) {
let rest = [...a];
let result = [];
for (let i = 0; i < a.length; i++) {
if (rest.length < n) break;
result.push(rest[n - 1]);
rest = rest.slice(n);
}
return result;
}
点击此处跳转
点击此处跳转
点击此处跳转
【创作背景】
偶然在抖音上刷到JSchallenger这个可以训练Javascript基础的网站,自己在完成所有的Schallenger题之后,想要通过博客来记录自己的做题痕迹,以便日后快速回顾。原本打算把JSchallenger的所有题目以及分析整理成一篇博客发出来,但是我整理完后发现,已经快有1w多字,为了方便读者和自己观看,因此打算按照JSchallenger的板块分开发布。
【感谢】
感谢各位读者能看到最后!!!