나는 문자열을 가지고있다.
string = "firstName:name1, lastName:last1";
이제 하나의 객체 obj가 필요합니다.
obj = {firstName:name1, lastName:last1}
JS에서 어떻게 할 수 있습니까?
나는 문자열을 가지고있다.
string = "firstName:name1, lastName:last1";
이제 하나의 객체 obj가 필요합니다.
obj = {firstName:name1, lastName:last1}
JS에서 어떻게 할 수 있습니까?
답변:
실제로 가장 좋은 솔루션은 JSON을 사용하는 것입니다.
JSON.parse(text[, reviver]);
1)
var myobj = JSON.parse('{ "hello":"world" }');
alert(myobj.hello); // 'world'
2)
var myobj = JSON.parse(JSON.stringify({
hello: "world"
});
alert(myobj.hello); // 'world'
3) JSON으로 함수 전달
var obj = {
hello: "World",
sayHello: (function() {
console.log("I say Hello!");
}).toString()
};
var myobj = JSON.parse(JSON.stringify(obj));
myobj.sayHello = new Function("return ("+myobj.sayHello+")")();
myobj.sayHello();
eval
나중에 할 수 있습니다.
문자열은 중괄호가없는 JSON 문자열처럼 보입니다.
그러면 작동합니다.
obj = eval('({' + str + '})');
obj = eval('({' + str + '})');
내가 올바르게 이해한다면 :
var properties = string.split(', ');
var obj = {};
properties.forEach(function(property) {
var tup = property.split(':');
obj[tup[0]] = tup[1];
});
속성 이름이 콜론의 왼쪽에 있고 문자열 값이 오른쪽에 있다고 가정합니다.
참고 Array.forEach
자바 스크립트 1.6 - 당신은 최대의 호환성을 위해 툴킷을 사용할 수 있습니다.
이 간단한 방법은 ...
var string = "{firstName:'name1', lastName:'last1'}";
eval('var obj='+string);
alert(obj.firstName);
산출
name1
JQuery를 사용하는 경우 :
var obj = jQuery.parseJSON('{"path":"/img/filename.jpg"}');
console.log(obj.path); // will print /img/filename.jpg
기억하세요 : 평가는 악입니다! :디
eval
. globalEval: /** code **/ window[ "eval" ].call( window, data ); /** more code **/
JSON.parse () 메서드를 사용하려면 Object 키를 따옴표 안에 넣어야 제대로 작동 할 수 있으므로 JSON.parse () 메서드를 호출하기 전에 먼저 문자열을 JSON 형식의 문자열로 변환해야합니다.
var obj = '{ firstName:"John", lastName:"Doe" }';
var jsonStr = obj.replace(/(\w+:)|(\w+ :)/g, function(matchedStr) {
return '"' + matchedStr.substring(0, matchedStr.length - 1) + '":';
});
obj = JSON.parse(jsonStr); //converts to a regular object
console.log(obj.firstName); // expected output: John
console.log(obj.lastName); // expected output: Doe
문자열에 복잡한 객체 (다음과 같은)가 있고 여전히 올바르게 변환되는 경우에도 작동합니다. 문자열 자체는 작은 따옴표로 묶어야합니다.
var strObj = '{ name:"John Doe", age:33, favorites:{ sports:["hoops", "baseball"], movies:["star wars", "taxi driver"] }}';
var jsonStr = strObj.replace(/(\w+:)|(\w+ :)/g, function(s) {
return '"' + s.substring(0, s.length-1) + '":';
});
var obj = JSON.parse(jsonStr);
console.log(obj.favorites.movies[0]); // expected output: star wars
당신이 같은 문자열을 가지고 있다면 다음 foo: 1, bar: 2
을 사용하여 유효한 obj로 변환 할 수 있습니다 :
str
.split(',')
.map(x => x.split(':').map(y => y.trim()))
.reduce((a, x) => {
a[x[0]] = x[1];
return a;
}, {});
#javascript의 niggler에게 감사드립니다.
설명으로 업데이트하십시오.
const obj = 'foo: 1, bar: 2'
.split(',') // split into ['foo: 1', 'bar: 2']
.map(keyVal => { // go over each keyVal value in that array
return keyVal
.split(':') // split into ['foo', '1'] and on the next loop ['bar', '2']
.map(_ => _.trim()) // loop over each value in each array and make sure it doesn't have trailing whitespace, the _ is irrelavent because i'm too lazy to think of a good var name for this
})
.reduce((accumulator, currentValue) => { // reduce() takes a func and a beginning object, we're making a fresh object
accumulator[currentValue[0]] = currentValue[1]
// accumulator starts at the beginning obj, in our case {}, and "accumulates" values to it
// since reduce() works like map() in the sense it iterates over an array, and it can be chained upon things like map(),
// first time through it would say "okay accumulator, accumulate currentValue[0] (which is 'foo') = currentValue[1] (which is '1')
// so first time reduce runs, it starts with empty object {} and assigns {foo: '1'} to it
// second time through, it "accumulates" {bar: '2'} to it. so now we have {foo: '1', bar: '2'}
return accumulator
}, {}) // when there are no more things in the array to iterate over, it returns the accumulated stuff
console.log(obj)
혼란스러운 MDN 문서 :
데모: http://jsbin.com/hiduhijevu/edit?js,console
함수:
const str2obj = str => {
return str
.split(',')
.map(keyVal => {
return keyVal
.split(':')
.map(_ => _.trim())
})
.reduce((accumulator, currentValue) => {
accumulator[currentValue[0]] = currentValue[1]
return accumulator
}, {})
}
console.log(str2obj('foo: 1, bar: 2')) // see? works!
꽤 안정적으로 작동하는 몇 줄의 코드로 솔루션을 구현했습니다.
사용자 정의 옵션을 전달하려는 다음과 같은 HTML 요소가 있습니다.
<div class="my-element"
data-options="background-color: #dadada; custom-key: custom-value;">
</div>
함수는 사용자 정의 옵션을 구문 분석하고 객체를 사용하여 어딘가에 사용합니다.
function readCustomOptions($elem){
var i, len, option, options, optionsObject = {};
options = $elem.data('options');
options = (options || '').replace(/\s/g,'').split(';');
for (i = 0, len = options.length - 1; i < len; i++){
option = options[i].split(':');
optionsObject[option[0]] = option[1];
}
return optionsObject;
}
console.log(readCustomOptions($('.my-element')));
data-
일부 프레임 워크 / 라이브러리와 같은 의사 사용자 정의 속성을 작성하는 대신 속성 을 사용하는 경우 +1입니다 .
string = "firstName:name1, lastName:last1";
이것은 작동합니다 :
var fields = string.split(', '),
fieldObject = {};
if( typeof fields === 'object') ){
fields.each(function(field) {
var c = property.split(':');
fieldObject[c[0]] = c[1];
});
}
그러나 효율적이지 않습니다. 다음과 같은 상황이 발생하면 어떻게됩니까?
string = "firstName:name1, lastName:last1, profileUrl:http://localhost/site/profile/1";
split()
'http'를 분할합니다. 파이프와 같은 특수 구분 기호를 사용하는 것이 좋습니다.
string = "firstName|name1, lastName|last1";
var fields = string.split(', '),
fieldObject = {};
if( typeof fields === 'object') ){
fields.each(function(field) {
var c = property.split('|');
fieldObject[c[0]] = c[1];
});
}
이것은 입력이 아무리 길더라도 동일한 스키마에있는 보편적 인 코드입니다 : separator :)
var string = "firstName:name1, lastName:last1";
var pass = string.replace(',',':');
var arr = pass.split(':');
var empty = {};
arr.forEach(function(el,i){
var b = i + 1, c = b/2, e = c.toString();
if(e.indexOf('.') != -1 ) {
empty[el] = arr[i+1];
}
});
console.log(empty)
var stringExample = "firstName:name1, lastName:last1 | firstName:name2, lastName:last2";
var initial_arr_objects = stringExample.split("|");
var objects =[];
initial_arr_objects.map((e) => {
var string = e;
var fields = string.split(','),fieldObject = {};
if( typeof fields === 'object') {
fields.forEach(function(field) {
var c = field.split(':');
fieldObject[c[0]] = c[1]; //use parseInt if integer wanted
});
}
console.log(fieldObject)
objects.push(fieldObject);
});
"객체"배열에는 모든 객체가 있습니다
나는 이것이 오래된 게시물이라는 것을 알고 있지만 질문에 대한 정답을 보지 못했습니다.
var jsonStrig = '{';
var items = string.split(',');
for (var i = 0; i < items.length; i++) {
var current = items[i].split(':');
jsonStrig += '"' + current[0] + '":"' + current[1] + '",';
}
jsonStrig = jsonStrig.substr(0, jsonStrig.length - 1);
jsonStrig += '}';
var obj = JSON.parse(jsonStrig);
console.log(obj.firstName, obj.lastName);
이제 당신은 사용할 수 있습니다 obj.firstName
그리고 obj.lastName
당신은 객체와 일반적으로 할 수있는 같은 값을 얻을 수 있습니다.