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方法会返回一个由数组中每个值的字符串形式拼接而 ...
随机推荐
- kafaka安装
wget https://mirrors.cnnic.cn/apache/kafka/2.0.0/kafka_2.11-2.0.0.tgz 解压 Tar -xvf kafka_2.11-2.0.0.t ...
- 全文检索~solr的使用
全文检索这个系列在几前年写过lucene的文章,而现在看来它确实已经老了,它的儿子孙子都出来了,已经成为现在检索行列的主流,像solr,elasticsearch等,今天我们主要来看一个solr在as ...
- 腾讯毛华:智能交互,AI助力下的新生态
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 演讲人:毛华 腾讯云语音云总经理 背景:5月23-24日,以"焕启"为主题的腾讯"云+未来"峰会在广 ...
- ICONIX
- C#请求http post和get
首先先要感谢博主小伟地方提供的博客,让我解决了问题. 同样是先提问题,我们要请求http干什么? 通过请求http,传入我的参数,我希望能够获取到项目里面的某些数据,比如这里,我们需要得到SceneL ...
- 对 Vue 的理解(一)
一.什么是 Vue ? 首先,Vue 是一个 MVVM 框架,M -- 模型,就是用来定义驱动的数据,V -- 视图,是经过数据改变后的 html,VM -- 框架视图,就是用来实现双向绑定的中间桥梁 ...
- JavaScript(Two)
innerHtml xx.innerHtml 读取元素内的所有Html内容 xx.innerHtml = 新的值 替换元素内的所有Html内容 JS中不予许出现"-"; font- ...
- css3 转换 过渡 及动画
转换transform: 通过 CSS3 转换,我们能够对元素进行移动.缩放.转动.拉长或拉伸.您可以使用 2D 或 3D 转换来转换您的元素 2D转换属性: transform 向元素应用 2D 或 ...
- JavaScript简易动画
<p id="s">fly</p> <script> function move(){ var id=document.getElementBy ...
- js for in 遍历对象与数组
遍历对象 let obj = { q:'9', w:'5', e:'2', t:'7', c:'3' } //for in 遍历对象 key为对象的属性名称,遍历属性值时用[]操作符访问 //通过[] ...