【笔记内容】

• 关于JSchallenger中Arrays对象题目复盘
• 我的提交，以及做题时的想法
• 分析作者的答案
• 快速了解所涉及的知识，注:具体知识分析不深入，只围绕题目展开

笔记目的

• 帮助我进一步了解Javascript的Arrays对象及相关方法
• 回顾自己的问题，进一步了解自己的缺点

相关资源

• JSchallenger

【温馨提示】

• 有些个人理解笔记后整理的笔记，可能会有偏差，也请读者帮忙指出，谢谢。
• 如有其他解题方法，请与评论区分享，共同学习，共同进步，谢谢。
• 我的提交有缺点，请读者帮忙指出，不吝赐教，谢谢。

• 构建数组的全局对象
• JavaScript 数组的长度和元素类型不固定。
• 整数只能作为数组元素的索引，而不是字符串。

【PS】什么是数组？

• 类似列表的高级对象。

常见操作

了解更多

需求：

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]; } 

• 数组索引从0开始，第一个元素索引为0，最后一个元素索引等于数组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：表达式

了解更多

需求：

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<a.length;i++){ 
        
   		if(a[i]<0){ 
        
      	count++;
   		}
	}
	return count;
}

作者答案

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)
}

• 排列数组，排序顺序可以是按字母或数字，也可以是升序（向上）或降序（向下）。
• 默认将按字母和升序将值作为字符串进行排序。
• 在对数字字符串进行排序时会产生不正确的结果。（如"25" >“100”,因为2>1）
• 会改变原始数组

格式（注意该格式不完整，之针对本题的格式）

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<arr.length;i++){ 
        
   		sum+=arr[i];
	}
	return sum/arr.length;
}

作者答案

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
}

• 用于检测数组所有元素是否都符合指定条件（通过函数提供）
  • 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件，则返回 true。

注意：

• 不会对空数组进行检测
• 不会改变原始数组

格式（注意该格式不完整，之针对本题的格式）

array.every(function(currentValue))

function(currentValue)（函数）：必须。

• 数组中的每个元素都会执行这个函数
  • currentValue：必须，当前元素的值

返回值：布尔值

• true：所有元素都通过检测
• false：数组中检测到有一个元素不满足

了解更多

• 返回Set对象中元素的个数。
• size的值是一个整数，表示Set对象有多少条目。
• size的集合访问函数是undefined
• 不能改变这个属性

全等和不全等与相等和不等的区别：

示例

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

返回值：一个包含将数组与子数组中所有元素的新数组

• ES6
• 又称对象展开符，用...表示
• 主要用于函数调用

了解更多

思路一：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);
}