数组 对象 json window

本文介绍了JavaScript中的基本概念,包括数组的合并、创建、排序方法;对象的定义、创建、访问及遍历;JSON的定义、转换方法;以及window对象的相关属性和方法,如屏幕信息、历史记录操作等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

- 数组

	 1. 增删改查
         IndexOf(A)
  *在数组里面查找A元素所在的下标 0开始
		push(A)
  把A添加的数组最后面
		pop()
   删除数组最后一个
		unshift(A)
    把A添加到数组的最前面
		shift()
    删除数组的第一个元素
		splice(A,B)
    删除数组中的B个元素从A下标开始
		splice(A,B,C)
    删除数组中的B个元素从A下标开始 再添加C元素*
  • 合并

  • 把B合并在A的后面
    A.concat(B)
    1. 创建数组
    var arr = new Array()
    var arr = […]
    2. length 数组长度
    3 sort()排序

     	function asc(a,b){if(a>b){return 1}esle{return-1}}
     	function desc(a,b){if(a>b){return -1}esle{return 1}}
     **str.split("分隔符") 将字符分割为数组
     arr.join(“连接符”) 将数组连接为字符串
     arr.reverse()  反转**
    

对象

  1. 定义
    多个键值对应的集合,键是不重复

  2. 创建

     	var obj1 = new Object()
     	var obj2 = {....}
    
  3. 访问

     	obj.key
     	obj["key"]
    
  4. 写入

    	obj.key=value
    	obj["key"]=value
    
  5. 属性也可以是函数

     	obj.key = function(){};
     	访问 obj.key();
    
  6. 遍历

    	for(var key of arr){
    

console.log(“键:”,key);
console.log(“值:”,obj[key])
}

json

  1. 定义

javascript对象表现方式,本质是字符串
前后端传递数据通常用json字符串格式

null,true,false ,Object,String,Array,Number
JSON.stringify(obj) 把obj对象转换为json字符串
JSON.parse(str) 把字符串转换为javascript对象

window

1.screen 屏幕
2. width 宽
3. height 高
availWidth 可用宽
availWidth 可用高

4. history 历史记录
5. back() 后退
6. forward() 前进
7. go(2) 前进2步
8. go(-3) 后退3步
9. length 历史记录的长度

### 如何在 JavaScript 中移除 localStorage 存储的数组对象中的某一对象 为了实现从 `localStorage` 中存储的数组对象中删除某一个特定的对象,可以按照以下方式操作: 1. **获取已有的数据**:通过 `getItem()` 方法读取存储的内容并将其解析为 JSON 对象。 2. **修改数据结构**:找到目标对象所在的索引位置,并从数组中移除它。 3. **重新存储数据**:将更新后的数组转换成字符串形式并通过 `setItem()` 方法写回到 `localStorage`。 以下是具体的代码示例以及解释: ```javascript // 定义函数来移除指定对象 function removeObjectFromLocalStorage(key, conditionFn) { let storedData = window.localStorage.getItem(key); // 获取本地存储的数据 [^1] if (storedData === null || storedData.trim() === "") { console.log("No data found with key:", key); return; } let dataArray = JSON.parse(storedData); // 解析为数组 if (!Array.isArray(dataArray)) { console.error(`The item under the key "${key}" is not an array.`); return; } // 使用 filter 过滤掉符合条件的目标对象 const updatedArray = dataArray.filter(item => !conditionFn(item)); // 更新后的数组重新设置到 localStorage window.localStorage.setItem(key, JSON.stringify(updatedArray)); // 保存更改 [^1] } // 假设我们要从 'demo' 数组中移除 id 等于 5 的对象 const demoKey = 'demo'; setLocalStorage(demoKey, [{id: 1}, {id: 5}, {id: 3}]); removeObjectFromLocalStorage(demoKey, obj => obj.id === 5); console.log(JSON.parse(window.localStorage.getItem(demoKey))); // 输出剩余项 ``` #### 关键点说明: - 上述代码定义了一个通用函数 `removeObjectFromLocalStorage` 来处理从 `localStorage` 中删除满足条件的对象的任务。 - 函数接收两个参数:一个是存储键名 (`key`);另一个是一个判断函数 (`conditionFn`),用来决定哪些对象应该被保留下来。 - 利用了 `filter` 方法创建一个新的不包含匹配条件的新数组 。 关于生命周期方面需要注意的是,上述例子基于 `localStorage` 实现持久化存储。如果改用 `sessionStorage`,则其内容会在会话结束(即浏览器关闭)时自动销毁 [^2][^3]。 ### 注意事项 当执行以上逻辑前,请确认所访问的键确实对应着一个有效的 JSON 字符串表示的数组,否则可能会抛出错误或者得到意外的结果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值