JavaScript数组实战小练习
1.找出元素在数组中的位置。
function indexOf(arr, item) {
if(Array.prototype.indexOf){ //判断浏览器是否支持indexOf方法
return arr.indexOf(item);
}else{
for(var i=0; i<arr.length; i++){
return i;
}
}
return -1;
}
console.log("3在数组[1,2,3,4]中的位置:"+ indexOf([1,2,3,4],3)); //3在数组[1,2,3,4]中的位置:2
2.计算数组中元素的和。
/*function sum(arr){
var all=0;
for(var i=0; i<arr.length; i++){
if(typeof arr[i] == "number"){
all += arr[i];
}
}
return all;
}*/
function sum(arr){
return eval(arr.join("+"));
}
console.log("数组元素求和:"+ sum([1,2,3])); //数组元素求和:6
3.移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组。
function remove(arr, item) {
var a=[];
for(var i=0; i<arr.length; i++){
if(arr[i]!=item){
a.push(arr[i]);
}
}
return a;
}
console.log(remove([1,2,3,4,2,3],2)); //[ 1, 3, 4, 3 ]
4.移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回。
function removeWithoutCopy(arr,item){
for(var i=0; i<arr.length;i++){
if(arr[i]==item){
arr.splice(i,1);//这里的1可以理解为每遇到item就删除数组中的1个元素
i--;//splice(i,1)删除一个元素,必须让i值减一,否则会跳过下一个元素
}
}
return arr;
}
console.log(removeWithoutCopy([1,2,3,4,2,3],2));//[ 1, 3, 4, 3 ]
5.在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组。
function append(arr,item){
var a = arr.slice(0);//splice()可从已有的数组中返回选定的元素:arrayObj.slice(start,end);
a.push(item);
return a;
}
console.log(append([1, 2, 3, 4], 10)); //[ 1, 2, 3, 4, 10 ]
6.删除数组 arr 最后一个元素。不要直接修改数组 arr,结果返回新的数组。
function truncate(arr){
return arr.slice(0,arr.length-1);
}
console.log(truncate([1,2,3,4]));//[ 1, 2, 3 ]
7.在数组 arr 开头添加元素 item。不要直接修改数组 arr,结果返回新的数组。
function prepend(arr,item){
var a = arr.slice(0); //unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。arrayObject.unshift(newelement1,newelement2,....,newelementX)
a.unshift(item);
return a ;
}
console.log(prepend([1,2,3,4],10)); //[ 10, 1, 2, 3, 4 ]
function prepend(arr,item){
return [item].concat(arr);
}
console.log(prepend([1,2,3,4],10)); //[ 10, 1, 2, 3, 4 ]
8.删除数组 arr 第一个元素。不要直接修改数组 arr,结果返回新的数组。
/*function curtail(arr){
var a = arr.slice(0);
a.shift();
return a;
}*/
function curtail(arr){
return arr.slice(1);
}
console.log(curtail([1,2,3,4])); //[2,3,4]
9.合并数组 arr1 和数组 arr2。不要直接修改数组 arr,结果返回新的数组。
/*function concat(arr1,arr2){
var a = arr1.slice(0);
for(var i=0; i<arr2.length; i++){
a.push(arr2[i]);
}
return a;
}*/
function concat(arr1,arr2){
return arr1.concat(arr2);
}
console.log(concat([1, 2, 3, 4], ['a', 'b', 'c', 1]));//[ 1, 2, 3, 4, 'a', 'b', 'c', 1 ]
10.在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr,结果返回新的数组。
function insert(arr,item,index){
return arr.slice(0,index).concat(item,arr.slice(index));
}
console.log(insert([1,2,3,4],'z',2));//[ 1, 2, 'z', 3, 4 ]
11.统计数组 arr 中值等于 item 的元素出现的次数。
function count(arr,item){
var cnt=0;
for(var i=0; i<arr.length; i++){
arr[i] == item ? cnt++ : 0;
}
return cnt;
}
console.log(count([1, 2, 4, 4, 3, 4, 3], 4));//
12.找出数组 arr 中重复出现过的元素************************************************
function duplicates(arr) {
//声明两个数组,a数组用来存放结果,b数组用来存放arr中每个元素的个数
var a = [],b = [];
//遍历arr,如果以arr中元素为下标的b元素已存在,则该b元素加1,否则设置为1
for(var i = 0; i < arr.length; i++){
if(!b[arr[i]]){
b[arr[i]] = 1;
continue;
}
b[arr[i]]++;
}
//遍历b数组,将其中元素值大于1的元素下标存入a数组中
for(var i = 0; i < b.length; i++){
if(b[i] > 1){
a.push(i);
}
}
return a;
}
console.log(duplicates([1, 2, 4, 4, 3, 3, 1, 5, 3]));
13.为数组 arr 中的每个元素求二次方。不要直接修改数组 arr,结果返回新的数组。
/*function square(arr){
var a = arr.slice(0),
b = [];
for(var i=0; i<arr.length; i++){
b.push(a[i]*a[i]);
}
return b;
}*/
/*// 使用map
function square(arr) {
return arr.map(function(e) {
return e * e;
})
}*/
const square = arr => arr.map(e => e* e);
console.log(square([1,2,3,4]));
14.在数组 arr 中,查找值与 item 相等的元素出现的所有位置********************************
function findAllOccurrences(arr,target){
var a=[];
arr.forEach(function(val,index){
val !== target || a.push(index);
}); return a;
}
//console.log(findAllOccurrences('abcdefabc',target)); //为什么加上这句就错了呢?
__proto__:Array[0]
JavaScript数组实战小练习的更多相关文章
- javascript 数组的组合
javascript 数组的组合 一.前言 二.数组的组合 concat()方法 push(...items) 其他方法 三.结束语 一.前言 今天在开发项目过程中,遇到了一个需求,先请求了30个数据 ...
- Javascript数组操作
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
- 也谈面试必备问题之 JavaScript 数组去重
Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. ...
- ( 译、持续更新 ) JavaScript 上分小技巧(四)
后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) JavaScr ...
- ( 译、持续更新 ) JavaScript 上分小技巧(三)
最近家里杂事较多,自学时间实在少的可怜,所以都在空闲时间看看老外写的内容,学习之外顺便翻译分享~等学习的时间充足些再写写自己的一些学习内容和知识点分析(最近有在接触的:复习(C#,SQL).(学习)T ...
- ( 译、持续更新 ) JavaScript 上分小技巧(二)
考虑到文章过长,不便于阅读,这里分出第二篇,如有后续,每15个知识点分为一篇... 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第三篇地址:( 译.持续更新 ) Java ...
- ( 译、持续更新 ) JavaScript 上分小技巧(一)
感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅 ...
- 摘:JavaScript性能优化小知识总结
原文地址:http://www.codeceo.com/article/javascript-performance-tips.html JavaScript的性能问题不容小觑,这就需要我们开发人员在 ...
- javascript数组浅谈2
上次说了数组元素的增删,的这次说说数组的一些操作方法 join()方法: ,,] arr.join("_") //1_2_3 join方法会返回一个由数组中每个值的字符串形式拼接而 ...
随机推荐
- c#实现wifi连接器
前言 一般正常情况下都会用windows自带的wifi连接,但是为了给用户更好的体验,或者有时候需要检测wifi状态,还是需要集成到项目中态. 原理 1.微软自带Native Wifi API,不过是 ...
- Linux getopt()函数 getopt_long()函数---转
http://hi.baidu.com/scoundrelgg/item/d4083f8412eea05d26ebd97f Linux getopt()函数 getopt_long()函数 get_o ...
- 安恒杯11月月赛web题目-ezsql详细记录
通过此题目可以学习到 1.通过load_file+like来盲注获取文件内容 2.php魔术方法__get函数的用法 3.bypass linux命令过滤 题目中给了注册和登录的功能,没有源码泄露 ...
- (三)TestNG
1.testNG的部分注解 test测试方法都是执行顺序:并不是从上往下执行的,而是根据方法名ASCII码进行执行的,小的先执行 比如a比b先执行,1比2先执行,不管代码放的顺序是怎么样. impor ...
- 关于微信小程序的动态跳转
最近在研究微信小程序.在做一个简单的购物小程序时,遇到一个问题:如何通过扫码实现动态的跳转页面功能, 通过研究终于找到了解决方法: 首先当然要实现扫码解析功能js的代码: click: functio ...
- C#异步编程模型
什么是异步编程模型 异步编程模型(Asynchronous Programming Model,简称APM)是C#1.1支持的一种实现异步操作的编程模型,虽然已经比较“古老”了,但是依然可以学习一下的 ...
- Java基础之 学java从宝宝的命令行做起
JAVA学习笔记 JAVA命令行 在当前文件的命令行下 编译:输入命令javac GetGreeting.java 执行 命令 Java GetGreeting 有package包的程序 1.到文件当 ...
- urllib模块的使用
Python3学习笔记(urllib模块的使用) 1.基本方法 urllib.request.urlopen(url, data=None, [timeout, ]*, cafile=None, ca ...
- asp: AJAX Database
<% @LANGUAGE="VBSCRIPT" CODEPAGE="65001" %> <!DOCTYPE html PUBLIC " ...
- Angular6 基础(数据绑定、生命周期、父子组件通讯、响应式编程)
Angular相比于vue来说,更像一个完整的框架,本身就集成了很多模块,如路由,HTTP,服务等,而vue是需要另外引入比如(vuex,axios等).Angular引入了依赖注入.单元测试.类等后 ...