欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

json 数组 字符串

程序员文章站 2024-02-19 18:37:04
...

1、替换字符串中全部空格

var result = str.replace(/\s+/g,""); 
// 替换尾部空格用.trim()

2、字符串转json

var obj = JSON.parse(str); // josn转数组:var str = JSON.stringify(obj);
类似这种数组的赋值 var obj = {"id":1, "name":2}; obj["mobile"] = "15500000000";

3、字符串转数组

var str = "1,2,3,4,5,6";
var array = str.split(",");

4、本地缓存

localStorage.setItem("name", name); // 存
localStorage.getItem("name"); // 取

5、异步请求

function getResult(msgType) {
    $.ajax({
	url:"http://" + location.host + "/test/getTemplateMsg.faces",
	data: { 
	    "param1": param1, 
	    "param2": param2,
	},
	success:function(cancelInfo){
	   // doSomething
	}
    });
}
6、获取URL中参数
var mobile = getQueryString("mobile");
function getQueryString(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  decodeURI(r[2]); return null;
}

7、赋值

$("#status").text("状态");
$(".text").html("文本内容");
$("#url").attr("href", url); // a标签Url赋值
$(".classStyle").css("display","none"); // 样式

8、字符串截取 || 保留小数点后几位

var str = str.subString(0,2); // 截取str前两个
var str = str.subString(2); // 截取之后的
var num = num.toFixed(6); // 小数点后保留6位小数

9、数组赋值

var array = [
    {"name":"张三","mobile":"15500000000"},
    {"name":"张斯","mobile":"15500000001"}
];
array.push({"name": "参数1", "mobile": "参数2"}); 

10、自动触发a标签跳转页面

$("#toUrl").attr("href", url);
$("#toUrl").click();
document.getElementById("toUrl").click(); 
11、获取picker选中的值,通过onchange事件
$("#pickerId").picker({
    toolbarTemplate: '<header class="bar bar-nav">\
        <button class="button button-link pull-right close-picker" style="color:#17b6cc;">确定</button>\
        <h1 class="title">请选择</h1>\
        </header>',
    cols: [{
            textAlign: 'center',
            values: ['人数:']//如果你希望显示文案和实际值不同,可以在这里加一个displayValues: [.....]
        },
        {
            textAlign: 'center',
            values:  ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10','11', '12', '13', '14', '15']
        },
        {
            textAlign: 'center',
            values: ['人']
        }],
        onChange: function (picker, values) {
           var count = picker.cols[1].value; // 获取人数
           //alert("人数--" + count);
        },
    });

12、定时器 || 延时加载

// 定时器
setInterval(function() {
    getPoint(); // 实时更新位置信息
}, 5000); // 单位毫秒

// 延时加载
setTimeout(function() {
    window.location.href = "http://www.baidu.com";
}, 2000);

13、监听浏览器返回事件

// 监听浏览器返回按钮事件
$(function(){
    	var paramUrl = "http://" + location.host + "/webtaix/yongche.html?mobile=" + mobile;
    	pushHistory();
    	window.addEventListener("popstate", function(e) { 
    		// alert("监听返回事件"); 
    		window.location.href = paramUrl;
    	}, false); 
    	function pushHistory() {
    		var state = {
    			title: "title", 
    			url: paramUrl, 
    		}
    		window.history.pushState(state, "title", paramUrl); 
    	}
});