遇见的一些数据处理的解决(前端网备份)

例子1:把data1数组变成data2类型的数组
data1
:
Array(5)
0
:
{name: "上班", value: "1"}
1
:
{name: "下班", value: "1"}
2
:
{name: "迟到", value: "1"}
3
:
{name: "早退", value: "2"}
4
:
{name: "旷工", value: "2"}

然后要把data1数组形式变成{value:1, 上班(1次)}这种数组
var data = [];
for(var i=0;i<data1.length;i++){
data[i]={value:data1[i].value, name:data1[i].name+"("+data1[i].value+"次)"};
}

例子2:数组去重
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
<script>
var b=[1,1,2,6,4,6,3];
//var b = [‘a‘, ‘b‘, ‘c‘, ‘1‘, 0, ‘c‘, 1, ‘‘, 1, 0];
var arr=[];
for(var i=0;i<b.length;i++){
console.log(b[i]);
console.log("arr1",arr.indexOf(b[i]));
//console.log(indexOf(b[i]));
if(arr.indexOf(b[i])==-1){
arr.push(b[i])
}
console.log("arr2",arr);
//console.log("arr",arr.indexOf(b[i]));
}
console.log(arr);//[1, 2, 6, 4, 3]
</script>
例子3:jq点击按钮进行数组正序倒序排序
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>;
<script>
$(function(){
var nums = [‘12‘,‘2‘,‘5‘,‘36‘,‘4‘];

$(‘#show8‘).html(nums.join(‘<br/>‘));
$(‘#paixu‘).click(function(){
   var ss= $(‘#paixu‘).text();
   console.log(ss);
   if (ss == "正序") {
    $(‘#paixu‘).text("倒序")
      nums = nums.sort(function(a,b){
        return a-b;
        });

    $(‘#show8‘).html(nums.join(‘<br/>‘));
   }else{
    $(‘#paixu‘).text("正序")
    nums = nums.sort(function(a,b){
        return b-a;
        });

    $(‘#show8‘).html(nums.join(‘<br/>‘));
   };

})
})
</script>
<div id="paixu"><span>正序</span></div>
<h3>排序后</h3>
<div id="show8"></div>

4》js创建四维数组
var tm=[];
for (var i=0;i<24;i++) {
tm[i] = new Array;
for (var j=0;j<60;j++) {
tm[i][j] = new Array;
for (var k=0;k<24;k++) {
tm[i][j][k] = new Array;
for (var p=0;p<60;p++) {
tm[i][j][k].push(p);
}
}

                    }

                }
                console.log("tm",tm);

速度超慢,浏览器3秒
5> js造有汉字下标的数据格式
function getLocat(ms){
var dl=ms.data;
var data = [];
//var geoCoordMap = [];
for(var i=0; i<dl.length; i++){
var Nname = dl[i].name;
data.push({name: Nname,value: 61});
//geoCoordMap.push({Nname:[dl[i].longitude,dl[i].latitude]}); Nname变量不识别,
}
var geoCoor= dl;
geoCoordMap = {};
geoCoor.forEach(function(d){
geoCoordMap[d.name] = [d.longitude,d.latitude]
})
console.log("geoCoordMap",geoCoordMap);
console.log("data",data);return;

var data = [

 {GPS1: ‘GPS1‘, value: 61},
 {GPS2: ‘GPS2‘, value: 61},

];
var geoCoordMap = {

‘GPS1‘:[108.95,34.27],
‘GPS2‘:[108.95,34.27],

};

6>js把数组变为分号隔开得字符串
这两种方法都行
var files = this.data.files;
var strFil = "";
// for (var i = 0; i < files.length;i++){
// console.log(files[i][0]);
// strFil += files[i][0]+";";
// }

console.log(JSON.stringify(files.join(";")));
 return;

原文地址:https://www.cnblogs.com/lsc-boke/p/10996905.html

时间: 2024-10-15 04:26:42

遇见的一些数据处理的解决(前端网备份)的相关文章

小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)

1>小程序ios页面晃动问题,上下晃动是因为机子本身问题,左右问题可以解决.container{padding-bottom: 0;background-repeat: no-repeat;background-size: 100% auto;background-position: bottom center;}包个container2>小程序倒计时60秒 以及倒计时的时候按钮无法点击 ,60秒之后重新<form bindsubmit="formSubmit" bi

ie hack 兼容完美解决方案(前端网备份)

hack 速查表思路: @media screen and (min-width:0\0) and (min-resolution: +72dpi) { /*IE9+ CSS*/ .carController { width: 500px; } .el-switch { width: 300px !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .carControlle

一些算法案例,如一个数组里取是个随机数(前端网备份)

先来看:var arr = [1,2,3,4,5,undefined,7,8,9,10,11,12,13,14];var len = arr.length;console.log(len);console.log(arr);console.log(arr[5]);if(arr[5]){console.log(arr[5]);}else{console.log("b");}输出如下14(14) [1, 2, 3, 4, 5, undefined, 7, 8, 9, 10, 11, 12,

小程序操作DOM以及JS求取字符串算法(前端网备份)

//js获取字符串的字节长度 //这套算法一个汉字2字节,字母符号1字节,按一行40个字节算4行 getLength:function(val){ var str = new String(val); var bytesCount = 0; for (var i = 0, n = str.length; i < n; i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60

vue2.0生命周期详解(前端网备份)

这篇大佬用图文分析详解vue2.0里面的生命周期<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>;页面中渲染的优先值:所以综合排名优先级:render函数选项 > template选项 > outer HTML. https://segmentfault.com/a/1190000011381906 下面这个链接的console更清晰https://www.cnblogs

处理字符串中逗号的js算法,3种(前端网备份)

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>111</title> </head> <body class="gray-bg&qu

二维json 遍历取值(前端网备份)

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>111</title> </head> <body class="gray-bg&qu

跨页面,a-&gt;b,b传数组给a(前端网备份)

实际情形是course creat(a) 和creat2(b)a页面点击按钮跳到b页面,b页面类似于提交表单,提交后返回a页面,a页面则多了一条数据用来展示以及删除,然后a页面再点按钮...此过程可以重复b页面var obj = new Object();obj.week = week;obj.time = time;obj.classroom=classroom; if(localStorage.courses==null){var c = [obj];//obj为数组,c为数组对象conso

微信缓存以及苹果手机无法返回上一页以及history不识别(前端网备份)

window.addEventListener('pageshow', function(e) {var da = history.length;console.log(history.length);//监听history返回的是数字getData();}); function getData(){ $.post("/myteam/getData.json?time="+new Date().getTime(),function(data){ // console.log(data)