この記事は、js で配列を操作するためのメソッドの概要 (コード) です。必要な方は参考にしていただければ幸いです。
1. 指定された配列 arr 内の要素 item の位置を検索します
function indexOf(arr, item) { if (Array.prototype.indexOf){ //判断原型中是否支持该方法 return arr.indexOf(item); } else { for (var i = 0; i < arr.length; i++){ if (arr[i] === item){ return i; } } } return -1; }
2. 指定された配列 arr 内のすべての要素の合計を計算します
//forEach遍历: function sum(arr) { var s = 0; arr.forEach(function(val, idx, arr) { s += val; }, 0); return s; }; //eval: function sum(arr) { return eval(arr.join("+")); };
3. 配列 arr 内のすべての値を削除しますおよび item が等しい要素。配列 arr を直接変更しないでください。結果は新しい配列
//splice() function remove(arr,item){ var newarr = arr.slice(0); for(var i=0;i<newarr.length;i++){ if(newarr[i] == item){ newarr.splice(i,1); i--; } } return newarr; }//push() function remove(arr,item){ var newarr = []; for(var i=0;i<arr.length;i++){ if(arr[i] != item){ newarr.push(arr[i]); } } return newarr; }//Array.prototype.filter() function remove(arr,item){ return arr.filter(function(ele){ return ele != item; }) }
として返されます。4. 値が item に等しい配列 arr 内のすべての要素を削除し、指定された arr 配列を直接操作して、結果を返します。
//splice function removeWithoutCopy(arr, item) { for(var i=0; i<arr.length; i++) { if(item == arr[i]) { arr.splice(i,1); i--; } } return arr; }//while function removeWithoutCopy(arr, item) { for(var i in arr){ while(arr[i]==item){ arr.splice(i,1); } } return arr; }
5. 配列 arr の最後に要素 item を追加します。配列 arr を直接変更しないでください。結果は新しい配列
//普通的迭代拷贝 var append = function(arr, item) { var length = arr.length, newArr = []; for (var i = 0; i < length; i++) { newArr.push(arr[i]); } newArr.push(item); return newArr; };//使用slice浅拷贝+push组合 function append(arr, item) { var newArr=arr.slice(0); newArr.push(item); return newArr; }
6 になります。配列 arr の最後の要素を削除します。配列 arr を直接変更しないでください。結果は新しい配列
//利用slice function truncate(arr) { return arr.slice(0,-1); } //利用filter function truncate(arr) { return arr.filter(function(v,i,ar) { return i!==ar.length-1; }); } //利用push.apply+pop function truncate(arr) { var newArr=[]; [].push.apply(newArr, arr); newArr.pop(); return newArr; } //利用join+split+pop 注意!!!:数据类型会变成字符型 function truncate(arr) { var newArr = arr.join().split(','); newArr.pop(); return newArr; }
7. 配列 arr の先頭に要素 item を追加します。配列 arr を直接変更しないでください。結果は新しい配列
//利用concat function prepend(arr, item) { return [item].concat(arr); } //使用push.apply function prepend(arr, item) { var newArr=[item]; [].push.apply(newArr, arr); return newArr; } //利用slice+unshift/splice function prepend(arr, item) { var newArr=arr.slice(0); newArr.unshift(item);//newArr.splice(0,0,item); return newArr; }
8 になります。配列 arr の最初の要素を削除します。配列 arr を直接変更しないでください。結果は、配列 arr1 と配列 arr2 をマージして、新しい配列
//利用slice function curtail(arr) { return arr.slice(1); } //利用filter function curtail(arr) { return arr.filter(function(v,i) { return i!==0; }); } //利用push.apply+shift function curtail(arr) { var newArr=[]; [].push.apply(newArr, arr); newArr.shift(); return newArr; }
9 になります。配列 arr を直接変更しないでください。結果は新しい配列
//利用concat function concat(arr1, arr2) { return arr1.concat(arr2); } //利用slice+push.apply function concat(arr1, arr2) { var newArr=arr1.slice(0); [].push.apply(newArr, arr2); return newArr; } //利用slice+push function concat(arr1, arr2) { var newArr=arr1.slice(0); for(var i=0;i<arr2.length;i++){ newArr.push(arr2[i]); } return newArr; }
10 になります。配列 arr のインデックスに要素 item を追加します。配列 arr を直接変更しないでください。結果は新しい配列になります
//利用slice+splicefunction insert(arr, item, index) { var newArr=arr.slice(0); newArr.splice(index,0,item); return newArr; }//利用push.apply+splicefunction insert(arr, item, index) { var newArr=[]; [].push.apply(newArr, arr); newArr.splice(index,0,item); return newArr; }
11。 item と等しい値を持つ配列 arr 内の要素が出現する回数を数えます
//filter()-->利用指定的函数确定是否在返回的数组中包含某一项 function count(arr, item) { var count = arr.filter(function(a) { return a === item; //返回true的项组成的数组 }); return count.length; } //map()-->对数组中的每一项进行给定函数, //返回每次函数条用的结果组成的数组; function count(arr, item) { var count = 0; arr.map(function(a) { if(a === item) { count++; } }); return count; }//forEach()-->对数组中的每一项运行传入的函数 function count(arr, item) { var count = 0; arr.forEach(function(a) { a === item ? count++ : 0; }); return count; }
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; } //先排序,如果后一个与前一个相等且未保存,则保存。 function duplicates(arr) { var a=arr.sort(),b=[]; for(var i in a){ if(a[i]==a[i-1] && b.indexOf(a[i])==-1) b.push(a[i]); } return b; } //先排序然后再判断function duplicates(arr) { var new_arr = arr.sort();//先把arr排序 var res = [] ;//目标容器 for( var i = 0 ; i < new_arr.length ; i++){ if(new_arr[i] == new_arr[i+1] && new_arr[i] !=new_arr[i-1]){//判断是否重复,是否已经放入容器 res.push(new_arr[i]); } } return res;
13. 配列 arr 内の各要素の 2 乗を求めます。配列 arr を直接変更しないでください。結果は新しい配列として返されます
function square(arr) { //声明一个新的数组存放结果 var a = []; arr.forEach(function(e){ //将arr中的每一个元素求平方后,加入到a数组中 a.push(e*e); }); return a; } // 使用map function square(arr) { return arr.map(function(e) { return e * e; }) } // ES6箭头函数版 const square = arr => arr.map(e => e * e);
14. 配列 arr 内で、値が item に等しい要素が出現するすべての位置を検索します
//forEach function findAllOccurrences(arr, target) { var a=[]; arr.forEach(function(e,index){ if(e==target) a.push(index); }) return a; } function findAllOccurrences(arr, target) { var temp = []; arr.forEach(function(val,index){ val !== target || temp.push(index); }); return temp; }//filter function findAllOccurrences(arr, target) { var result=[]; arr.filter(function(item,index){ return item===target&&result.push(index); }); return result; }
関連する推奨事項:
以上がjsで配列を操作する方法まとめ(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。