数组、Math、JOSN总结
json对象:
1.数组有length属性【尽量使用for循环】
2.而json没有length属性【可以使用for...in...循环】
3.for in 不能遍历页面中的节点对象。
for ( var key in json4 ) {
alert( key );
alert( json4[key] );
}
//使用方括号[]取键名,for和for in 可以相互嵌套。
delete objName.key : 【对象名.要删除的属性名】
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串转换为JSON对象
//使用JS支持的转换方式:
var obj = eval('(' + str + ')');
或者使用浏览器支持的转换方式(IE8及以上浏览器支持):
var obj = JSON.parse(str);
然后,就可以这样读取:
alert(obj.name);
alert(obj.sex);
注意:从jQuery 3.0开始,不推荐使用$.parseJSON。 要解析JSON字符串,请改用原生的 JSON.parse 方法。
传入格式有误的 JSON 字符串可能导致抛出异常。
二、可以运用全局方法 JSON.stringify()将JSON对象转化为JSON字符串。
例如:使用浏览器支持的转换方式(IE8及以上浏览器支持):
var last=JSON.stringify(obj);
alert(last);
特别留心:上面的多个方法中,除了eval()函数是js自带的之外,其他的多个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。
--------------------------------------------------------------------
数组的一些方法:
push():在最后一个元素后面添加
unshift: 在第一个元素以前添加
pop(): 删除最后一个元素
shift: 删除第一个
splice(开始位置, 删除元素个数, 添加的元素,添加的元素,添加的元素,添加的元素.....)【返回被删除的项目】注释:该方法会改变原始数组。
slice(开始位置,结束位置):截取数组/字符串
sort(): 会将数组里面的元素转化为字符串,再进行排序。
给数字进行排序的时候,要在sort方法里面传入一个function,这个函数里面两个参数n1,n2。注意: 数组在原数组上进行排序,不生成副本。
// 升序: 从小到大的顺序排列
arr.sort(function (n1,n2) {return n1 - n2;});
// 降序: 从大到小排列
arr.sort(function (n1,n2) {return n2 - n1;});
join() :返回一个字符串,用于把数组中的所有元素连成一个字符串,()内放指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符
concat() :用于连接两个或多个数组。注意:该方法不会改变现有的数组 ,而仅仅会返回被连接数组的一个副本。
reverse() :用于颠倒数组中元素的顺序。注意: 该方法会改变原来的数组,而不会创建新的数组。
-------------------------------------------------------------------
Math.round(x) : 把数四舍五入为最接近的整数。
Math.abs(x) : 返回数的绝对值。
Math.random(x) : 返回 0 ~ 1 之间的随机数。
Math.max(x,y)
Math.min(x,y)
Math.pow(x,y) : 返回 x 的 y 次幂。
Math.floor(x) : 对数进行下舍入。
Math.ceil(x) : 对数进行上舍入。
Math.PI 是一个常量。
-------------------------------------------------------------------------------------
去除偶数:
var arr = [1,2,2,3,4,4];
for (var i = 0; i<arr.length; i++)
{
if (arr[i] % 2 == 0)
{
arr.splice(i,1);
i--;
}
}
alert(arr);
数组、Math、JOSN总结的更多相关文章
- 如何用Math.max.apply()获取数组最大/小值
最近似乎对JavaScript有点兴趣了~~~打算好好钻研这个东西.可是,一开始就遇到问题了!!! Math.min.apply(obj,args);//这个obj对象将代替Function类里thi ...
- AJAX-php-json数组
1.在php中有个数组,响应回前端 $array=["习大大","川普","金三胖"];2.JS对象数据格式 ex: 数组: var TOM ...
- 7、包装类、System、Math、Arrays、大数据运算
基本类型封装 基本数据类型对象包装类概述 *A:基本数据类型对象包装类概述 *a.基本类型包装类的产生 在实际程序使用中,程序界面上用户输入的数据都是以字符串类型进行存储的.而程序开发中,我们需要把字 ...
- 史上最全、JavaScript基础篇
本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.fo ...
- Js内置对象的应用
Boolean.Number.Objectfunction对象 另一种写法: var add=new Function("x","y",&q ...
- JavaScript基础篇最全
本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.fo ...
- JavaScript基础大全篇
本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.fo ...
- javascipt学习笔记1
一.javascript 部分 1.整理 <<javascript>> 要学习哪些章节 及核心内容? ①javascript简介 核心技术点:javascript定义 作用特点 ...
- 【JS】 Javascript 入门
javascript **********本章大量示例和内容引用自w3cschool的javascript教程************** 本来已经快写完90%左右了,结果不小心跑了个js,不小心把浏 ...
- 常用API3 BigData
基本类型包装类 大家回想下,在第二天我们学习Java中的基本数据类型时,说Java中有8种基本的数据类型,可是这些数据是基本数据,想对其进行复杂操作,变的很难.怎么办呢 基本类型包装类概述 在实际程序 ...
随机推荐
- Lightoj 1067【逆元模板(求C(N,M))】
#include <bits/stdc++.h> using namespace std; typedef long long LL; typedef unsigned long long ...
- U3D开发性能优化笔记(待增加版本.x)
http://blog.csdn.net/kaitiren/article/details/45071997 此总结由自己经验及网上收集整理优化内容 包括: .代码方面: .函数使用方面: .ui注意 ...
- IT兄弟连 JavaWeb教程 Servlet会话跟踪 Session常用方法
● public Object getAttribute(String name) 该方法返回在该session会话中具有指定名称的对象,如果没有指定名称的对象,则返回null. ● public ...
- 指向函数的指针和block
原文网址: http://www.cnblogs.com/cxbblog/p/3841226.html 一:block基础知识 block基础知识 基本概念:block是用来保存一段代码的:^:是bl ...
- Mybatis中分页存在的坑1
站在巨人的肩膀上 https://www.cnblogs.com/esileme/p/7565184.html 环境:Spring 4.2.1 Mybatis 3.2.8 pagehelper 5.1 ...
- 一篇文章带你搞懂 SpringBoot与Swagger整合
Swagger使用由于不喜欢csdn的markwoen编辑器,对代码样式支持不好,看着不舒服,对审美要求比较高的同学移步github:https://github.com/itguang/swagge ...
- error: unrecognized command line option "-std=c11" 解决办法
今天在安装php版本 grpc扩展的时候报错如下: cc1: error: unrecognized command line option "-std=c11" cc1: war ...
- js实现打印正三角
代码: <html> <head> <title>function</title> </head> <body> <scr ...
- [题解](树的计数)luogu_P4430猴子打架_/_luogu_P4981父子
来源:题解 比较不错的博客:http://www.cnblogs.com/dirge/p/5503289.html 最后生成一颗无根树,有n^(n-2)种情况,打架的顺序有(n-1)!种 #inclu ...
- 转 载python数据分析(1)-numpy产生随机数
转自:http://blog.csdn.net/jinxiaonian11/article/details/53143141 在数据分析中,数据的获取是第一步,numpy.random 模块提供了非常 ...